Über das Tool „Bild-Farbwähler“
Der Bild-Farbwähler verrät Ihnen die genaue Farbe jedes Punktes in einem Bild. Öffnen Sie ein Foto, einen Screenshot oder ein Logo, klicken Sie an die gewünschte Stelle und erhalten Sie die Farbe als HEX-Code, RGB-Wert und HSL-Wert, bereit zum Kopieren in CSS, ein Designprogramm oder ein Dokument.
Eine Lupe zeigt die Pixel um den Mauszeiger, sodass Sie auch bei dünnen Linien und kleinem Text das richtige Pixel treffen, und die Pfeiltasten verschieben die Auswahl um jeweils ein Pixel. Unter dem Bild listet das Tool außerdem die Hauptfarben des ganzen Bildes auf – von 4 bis 10 – mit dem Anteil, den jede am Bild hat.
Alles läuft in Ihrem Browser: Das Bild wird nicht hochgeladen, und die Farben werden direkt aus seinen Pixeln gelesen. Sehr große Bilder werden mit 4.096 Pixeln an der langen Seite gelesen, was jedes Detail erhält, auf das Sie zeigen können.
Anleitung
- Wählen Sie ein Bild aus oder ziehen Sie es auf die Seite.
- Klicken oder ziehen Sie auf dem Bild. Die Lupe zeigt die Pixel unter dem Mauszeiger.
- Lesen Sie die Farbe unter „Gewählte Farbe“ ab und kopieren Sie ihren HEX-, RGB- oder HSL-Code mit den Kopieren-Schaltflächen.
- Zum Feinjustieren klicken Sie auf das Bild und bewegen die Auswahl mit den Pfeiltasten (mit der Umschalttaste 10 Pixel).
- Die Hauptfarben sehen Sie unter „Hauptfarben“; wählen Sie mit den Zahlenschaltflächen, wie viele, und kopieren Sie eine oder alle.
Funktionen
- Exakte Pixelfarben: Die Farbe stammt vom Pixel selbst, nicht aus einem verwischten Durchschnitt, als HEX, RGB und HSL.
- Lupe: Eine Lupe mit 11 mal 11 Pixeln folgt dem Mauszeiger, das Pixel, das Sie wählen würden, ist in der Mitte markiert.
- Hauptfarben: Eine Palette aus 4, 6, 8 oder 10 Hauptfarben, die größte zuerst, mit dem Anteil am Bild.
- Weiter zum Umrechner: Öffnen Sie die gewählte Farbe im Farbcode-Umrechner, um ihren Kontrast zu Text zu prüfen.
- Privat: Das Bild wird in Ihrem Browser gelesen und nie hochgeladen.
Beispiele
Eine Markenfarbe übernehmen
Öffnen Sie ein Logo und klicken Sie darauf, um den HEX-Code für eine Website zu erhalten.
Eine Palette aus einem Foto
Öffnen Sie ein Urlaubsfoto und kopieren Sie seine sechs Hauptfarben für eine Foliengestaltung.
Einen Screenshot prüfen
Zoomen Sie mit der Lupe auf eine Schaltfläche in einem Screenshot, um ihre genaue Farbe zu lesen.
Einschränkungen und Hinweise
- Bilder mit mehr als 4.096 Pixeln an der langen Seite werden in dieser Größe gelesen, sodass ein einzelnes Pixel des Originals mit seinen Nachbarn verschmelzen kann.
- Die Codes geben die Farbe ohne Transparenz an; bei durchsichtigen Pixeln wird die Deckkraft separat angezeigt.
- Die Farben werden so gelesen, wie Ihr Browser das Bild dekodiert. Bilder mit einem weiten Farbprofil können leicht andere Werte liefern als in einem Bildbearbeitungsprogramm.
- HEIC-Fotos lassen sich hier nicht öffnen; wandeln Sie sie zuerst mit „HEIC in JPG“ um.
Häufige Fragen
Wie erhalte ich den HEX-Code einer Farbe in einem Bild?
Öffnen Sie das Bild, klicken Sie auf die Farbe und kopieren Sie den HEX-Code unter „Gewählte Farbe“.
Kann ich ein einzelnes Pixel genau wählen?
Ja. Zielen Sie mit der Lupe und bewegen Sie die Auswahl dann mit den Pfeiltasten pixelweise.
Wie werden die Hauptfarben bestimmt?
Das Bild wird verkleinert und seine Pixel werden in Gruppen ähnlicher Farben geteilt (Median-Cut). Der Durchschnitt jeder Gruppe ist eine Hauptfarbe, sortiert nach ihrem Anteil am Bild.
Warum zeigt ein durchsichtiges Pixel einen Hinweis?
HEX-, RGB- und HSL-Codes beschreiben eine Farbe ohne ihre Transparenz, deshalb zeigt das Tool die Deckkraft separat an.
Wird mein Bild hochgeladen?
Nein. Das Bild wird nur in Ihrem Browser geöffnet und gelesen.