Farbpipette für Bilder: HEX, RGB, HSL und Lab aus einem Foto

So verwenden Sie es

Klicken Sie auf Datei auswählen oder legen Sie ein Bild in das Feld. Sie können ein Bild auch mit Strg+V einfügen.
Bewegen Sie den Zeiger über den Teil des Bildes, den Sie wollen. Die Lupe zeigt die Pixel darum, und das Feld Farbe unter dem Zeiger nennt die Farbe in vier Schreibweisen.
Stellen Sie die Größe des Messbereichs auf 3 × 3 oder 5 × 5, um den Mittelwert einer kleinen Fläche statt eines einzelnen Pixels zu lesen.
Klicken Sie auf das Bild, um die Farbe unter Übernommene Farben hinzuzufügen, und dann auf HEX, RGB, HSL oder Lab, um sie zu kopieren.

Ein Pixel oder ein Mittelwert

Ein Foto hat Bildrauschen: Nachbarpixel können sich auch auf einer ebenen Fläche etwas unterscheiden, sodass ein einzelnes Pixel leicht danebenliegen kann. Die Farbpipette mittelt ein Quadrat von 3 × 3 oder 5 × 5 Pixeln um den Zeiger. Auf einer Fläche in einer Farbe ist der Mittelwert stabiler als ein einzelnes Pixel.

Die vier Schreibweisen

HEX und RGB sind die üblichen Schreibweisen in Web- und Grafikprogrammen. HSL beschreibt eine Farbe durch Farbton, Sättigung und Helligkeit; das hilft, wenn Sie eine hellere oder dunklere Abstufung suchen. Lab (CIE L*a*b* mit dem Weißpunkt D65, den sRGB verwendet) folgt der Wahrnehmung des Auges: Gleich große Schritte in Lab wirken ungefähr gleich groß, deshalb eignet sich Lab zum Vergleich zweier Farben. Die CSS-Funktion lab() nutzt den Weißpunkt D50; ihre Werte weichen daher ab.

Ihr Bild bleibt auf Ihrem Gerät

Das Bild wird in Ihrem Browser geöffnet und gelesen. Es wird nichts hochgeladen, die Farben, die Sie übernehmen, werden nicht gespeichert, und die Liste wird geleert, wenn Sie die Seite verlassen.

Beispiel: reines Rot

Reines Rot, #FF0000, ergibt rgb(255, 0, 0), hsl(0, 100%, 50%) und L*a*b* 53,2; 80,1; 67,2 (D65). Um das Rot eines Logos zu lesen, stellen Sie die Größe des Messbereichs auf 5 × 5 Pixel, damit ein einzelnes Pixel mit Bildrauschen nicht über die Farbe entscheidet.

Häufig gestellte Fragen

Wird mein Bild hochgeladen, wenn ich seine Farben auslese?

Nein. Das Bild wird auf Ihrem Gerät im Browser geöffnet und gelesen. Nichts wird an einen Server übermittelt, und die Farben, die Sie behalten, werden nicht gespeichert; sie werden gelöscht, wenn Sie die Seite verlassen.

Stimmt die Farbe in der Anzeige mit der Farbe auf meinem Bildschirm überein?

Nicht immer. Die Anzeige nennt den Wert, der in den Pixeln des Bildes gespeichert ist. Ihr Bildschirm, seine Kalibrierung und das Farbprofil des Bildes können die Wirkung verändern; die Werte sind die des Bildes, keine Messung des Bildschirms.

Was ist der Unterschied zwischen HEX und RGB?

Es sind zwei Schreibweisen für dieselben drei Werte. HEX schreibt jeden Wert von 0 bis 255 im Sechzehnersystem, also ist rgb(255, 128, 0) als #FF8000 geschrieben, während RGB dieselben Zahlen dezimal angibt. Beide nehmen Web- und Grafikprogramme an.

Warum zeigt die Farbpipette einen Lab-Wert?

Lab beschreibt eine Farbe so, wie das Auge sie sieht, mit einer Helligkeit und zwei Farbachsen. Es zeigt besser als HEX oder RGB, ob zwei Farben einander nahe sind; bei HEX oder RGB können zwei nahe Farben sehr verschiedene Zahlen haben.

Warum kann ein sehr großes Bild etwas anders gelesen werden?

Aus Geschwindigkeitsgründen werden die Farben aus einer Kopie mit höchstens 2.048 Pixeln an der längsten Seite gelesen. Die Farbe einer großen Fläche bleibt gleich, aber ein einzelnes winziges Pixel in einem riesigen Foto kann mit seinen Nachbarn gemittelt werden.

Kann ich Farben aus einem PNG mit Transparenz lesen?

Ja. Die Anzeige nennt die Farbe, die unter jedem Pixel gespeichert ist; die Transparenz gehört nicht zur Ablesung. Bei einer transparenten Stelle ist der angezeigte Wert die gespeicherte Farbe, nicht die Farbe, die Sie auf der Seite dahinter sehen.

Quellen

Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.