Wird das Bild auf einen Server hochgeladen?
Nein. Das Bild wird lokal in eine Browser-Canvas geladen, um Farben abzutasten und Paletten zu extrahieren.
Wähle Farben aus Bildern und extrahiere Paletten
Nutze den Bild-Farbwähler, wenn du exakte Farben aus einem Screenshot, Produktfoto, Moodboard, einer Illustration, einem Logo oder einem UI-Mockup brauchst. Lade ein Bild hoch, klicke oder tippe auf die Vorschau, um einen Pixel abzutasten, und kopiere den ausgewählten HEX-, RGB- oder HSL-Wert.
Der Palettenextraktor gruppiert abgetastete Pixel zu dominanten Farben, filtert nahezu gleiche Farben und liefert CSS-Variablen sowie JSON für die schnelle Wiederverwendung.
Typische Workflows
- Eine Farbe aus Screenshot, UI-Mockup, Logo oder Produktfoto aufnehmen.
- Schnell eine Palette aus Markenbildern oder einer Designreferenz extrahieren.
- HEX-, RGB- oder HSL-Werte für CSS, Designtools oder Dokumentation kopieren.
- CSS-Variablen oder JSON-Tokens aus bildbasierten Farben erstellen.
Tool wird geladen...
FAQ zum Bild-Farbwähler
Kann ich es ohne eigenes Bild nutzen?
Ja. Das Tool startet mit einem generierten Beispielbild, damit du Farbauswahl und Palettenexport sofort testen kannst.
Warum können extrahierte Paletten von anderen Apps abweichen?
Paletten-Tools nutzen unterschiedliche Regeln für Sampling, Quantisierung und Dublettenfilterung. Dieses Tool bevorzugt nützliche, sichtbar unterschiedliche Farben.
