Farbe aus Bild auswählen
Klicke auf ein Pixel in einem Foto, um seine genaue Farbe zu erhalten.
Bewege dich über das Foto, um zu vergrößern, und klicke dann, um die genaue Farbe eines Pixels auszuwählen.
Läuft in deinem Browser. Deine Dateien verlassen nie dein Gerät.
- HEX, RGB und HSL
- Lupe für präzise Auswahl
- Dominante Farbpalette
So wählst du eine Farbe aus einem Bild
- Lege ein Foto hier ab.
- Bewege dich über das Foto und klicke auf genau das Pixel, das du willst.
- Kopiere den HEX-, RGB- oder HSL-Wert.
HEX, RGB und HSL erklärt
| Format | Beispiel | Genutzt für |
|---|---|---|
| HEX | #3B82F6 | CSS, Design-Tools, die meisten Styleguides |
| RGB | rgb(59, 130, 246) | CSS, Bildbearbeitung |
| HSL | hsl(217, 91%, 60%) | Helligkeit oder Sättigung einer Farbe anpassen |
Wie die dominante Farbpalette entsteht
Das Foto wird auf eine kleine Arbeitsgröße verkleinert, dann werden seine Farben mit Farbquantisierung zu etwa 8 repräsentativen Farbtönen gruppiert, derselben Technik, die ein Foto für GIF oder palettenbasiertes PNG auf eine kleinere Palette reduziert. Sie spiegelt die Farben wider, die den meisten Platz einnehmen, nicht unbedingt die auffälligsten.
Tipps für eine exakte Auswahl
- Zoome vor dem Klicken mit der Lupe hinein. Sie zeigt eine vergrößerte Ansicht der Pixel um deinen Cursor, damit du genau das gewünschte triffst.
- Klicke auf Verlauf, um eine bereits früher in derselben Sitzung ausgewählte Farbe wiederzuverwenden.
- Wähle bei einem Foto mit Rauschen oder JPEG-Artefakten ein Pixel aus einer flächigen Stelle der gewünschten Farbe statt einer Kante, wo die Komprimierung einzelne Pixel verschieben kann.
Häufige Fragen zu Farbe aus Bild auswählen
Wie präzise ist die Farbauswahl?
Sie liest das genaue Pixel unter deinem Cursor, vergrößert in der Lupe, damit du exakt zielen kannst.
Was ist die dominante Farbpalette?
Sie zeigt rund 8 Farben, die im Foto am häufigsten vorkommen, nützlich, um ein Design auf ein Bild abzustimmen.
Kann ich zu einer bereits ausgewählten Farbe zurückkehren?
Ja. Jede angeklickte Farbe wird im Verlauf gespeichert, du kannst sie also erneut anklicken, um ihre HEX-, RGB- und HSL-Werte zurückzuholen.
Wird mein Foto hochgeladen?
Nein. Die Farbauswahl liest Pixel in deinem Browser, das Foto verlässt dein Gerät also nie.
Was ist der Unterschied zwischen HEX und RGB?
Sie beschreiben genau dieselbe Farbe in unterschiedlicher Notation. HEX nutzt einen 6-stelligen Code, RGB gibt die Rot-, Grün- und Blauwerte von 0 bis 255 einzeln an. Nutze, was dein Tool oder CSS erwartet.
Warum sollte ich HSL statt HEX verwenden?
HSL trennt Farbton, Sättigung und Helligkeit einer Farbe, es ist also einfacher, eine hellere oder gedämpftere Version einer Farbe zu erstellen, indem du nur eine Zahl änderst, statt alle drei RGB-Werte neu zu berechnen.
Berücksichtigt die ausgewählte Farbe die JPEG-Komprimierung?
Nein, sie liest den exakten Pixelwert aus der abgelegten Datei, einschließlich jeder Farbverschiebung, die die JPEG-Komprimierung bereits verursacht hat. Für die genaueste Farbe wähle eine flächige Stelle statt einer Kante.