Farbe aus Bild bestimmen

So bestimmen Sie eine Farbe aus einem Bild

1. Ziehen Sie ein Bild auf den Upload-Bereich oder klicken Sie darauf, um eine Datei auszuwählen (JPG, PNG, WebP, GIF oder jedes andere Format, das Ihr Browser anzeigen kann).
2. Bewegen Sie den Mauszeiger über das Bild. Die Lupe zeigt die Pixel rund um den Zeiger vergrößert an, und Unter dem Mauszeiger nennt den HEX-Code live.
3. Klicken Sie auf den gewünschten Pixel. Das Farbfeld Gewählte Farbe zeigt ihn samt Pixelposition, daneben erscheinen die Codes in HEX, RGB, HSL, HSV und CMYK, jeweils mit einem Button Kopieren.
4. Klicken Sie weiter, um mehr Farben zu sammeln: Sie landen in Aufgenommene Farben, wo Sie jede einzeln kopieren können. Liste leeren setzt die Liste zurück.

Auf Smartphone oder Tablet tippen Sie einfach auf das Bild. Mit der Tastatur fokussieren Sie das Bild per Tab, bewegen sich mit den Pfeiltasten (mit gedrückter Umschalttaste in 10-Pixel-Schritten) und drücken Enter, um die Farbe aufzunehmen.

Das Bild verlässt Ihr Gerät nie: Es wird ausschließlich von Ihrem Browser dekodiert und ausgelesen.

Einzelner Pixel oder Durchschnitt?

Das Menü Messbereich legt fest, wie viele Pixel bei jedem Klick gelesen werden:

• 1 Pixel liefert die exakte Farbe des Pixels unter dem Zeiger. Ideal für flächige Grafiken, Logos, Screenshots und Icons.
• Durchschnitt 3 × 3 und Durchschnitt 5 × 5 liefern den Mittelwert der 9 bzw. 25 umliegenden Pixel. Nutzen Sie diese Optionen für Fotos: Durch JPEG-Kompression und Bildrauschen unterscheiden sich benachbarte Pixel leicht, und ein Durchschnitt ergibt eine Farbe, die dem Gesehenen besser entspricht.

Das umrandete Quadrat in der Lupe zeigt genau, welche Pixel einbezogen werden. Am Bildrand zählen nur Pixel, die tatsächlich existieren.

Auch transparente Pixel in PNG- oder WebP-Dateien werden berücksichtigt: Die Farbe wird nach Deckkraft gewichtet, sodass vollständig transparente Bereiche das Ergebnis nicht Richtung Schwarz ziehen. Ein teilweise transparentes Ergebnis erhält einen achtstelligen HEX-Code mit Alphawert, etwa #FF000080.

Genauigkeit und Grenzen

• Farben werden im sRGB-Farbraum des Browser-Canvas gelesen. Bilder mit einem anderen Farbprofil (Adobe RGB, Display P3) rechnet der Browser vorher um. Die Codes entsprechen also dem, was Sie am Bildschirm sehen, können aber leicht von den Rohwerten abweichen, die ein Bildbearbeitungsprogramm anzeigt.
• Sehr große Bilder werden auf 4.096 Pixel an der längsten Seite verkleinert, damit der Speicherbedarf vertretbar bleibt. Das Tool weist Sie darauf hin; bei solchen Bildern ist jeder aufgenommene Pixel bereits ein kleiner Durchschnitt des Originals.
• CMYK-Werte sind eine einfache Umrechnung ohne ICC-Profil und nur als grobe Orientierung gedacht.