Bild-Farbwähler

An einer beliebigen Stelle eines Bildes klicken, um die genaue Farbe zu extrahieren

Was ist das und wie funktioniert es?

Ein Bild-Farbwähler lässt Sie auf eine beliebige Stelle eines hochgeladenen Bildes klicken und die genaue Farbe dieses Pixels als HEX-, RGB- und HSL-Wert ablesen. Ihr Auge erkennt, dass ein Logo „blau" ist oder ein Foto einen warmen Ton hat, doch Design und Code brauchen die präzise Zahl — das exakte #1D4ED8, keine Schätzung. Dieses Tool wirkt wie eine Pipette: Zeigen Sie auf ein Pixel, und es meldet die dort gespeicherte echte Farbe, bereit zum Einfügen in ein Stylesheet, eine Designdatei oder ein anderes Tool.

Es ist der schnellste Weg, eine Farbe von etwas abzunehmen, von dem Sie keinen Code direkt bekommen — ein Screenshot, ein Foto, die als Bild erfasste Seite eines Wettbewerbers oder ein Markenelement, dessen Palette nie aufgeschrieben wurde. Da es die echten Pixeldaten liest, ist der Wert exakt statt ungefähr. Alles geschieht im Browser: Das Bild wird lokal geladen und nie hochgeladen, sodass Sie private Mockups, interne Screenshots oder Kundenmaterial bedenkenlos abtasten, ohne sie irgendwohin zu senden.

Anwendungsfälle

• Eine Markenfarbe treffen: Nehmen Sie das exakte HEX aus einem Logo oder Screenshot, damit Ihr CSS die echte Farbe nutzt, keine Näherung.
• Eine Palette nachbauen: Tasten Sie mehrere Punkte eines Fotos oder Designs ab, um aus einem Bild, das Ihnen gefällt, ein Farbschema zu bauen.
• Eine Farbe aus einem Mockup lesen: Heben Sie Werte aus einem flachgerechneten Designbild ab, wenn Sie die originale Quelldatei nicht haben.

Häufige Fragen

Wie genau ist die gewählte Farbe?

Es liest den echten Pixelwert aus dem Bild, die Farbe ist also exakt, nicht geschätzt. Der einzige Vorbehalt: Verlustbehaftete Formate wie JPEG können Pixel bei der Kompression subtil verändern, eine abgetastete Farbe spiegelt also das komprimierte Bild wider, nicht ein makelloses Original.

Welche Formate bekomme ich?

Jede Auswahl meldet die Farbe zugleich in HEX, RGB und HSL, sodass Sie kopieren können, was Ihr Tool erwartet — HEX für CSS, RGB für viele Design-Apps oder HSL, wenn Sie danach Helligkeit oder Sättigung anpassen wollen.

Werden meine Bilder irgendwohin hochgeladen?

Nein. Das Bild wird vollständig im Browser geladen und gelesen, es wird also nichts an einen Server gesendet. Sie können Farben aus vertraulichen Mockups, internen Screenshots oder Kundenarbeit bedenkenlos abtasten.

Warum weicht die Farbe von dem ab, was ich am Bildschirm sehe?

Der gewählte Wert ist die echte Pixelfarbe in der Datei. Ihre Wahrnehmung kann abweichen wegen Kalibrierung, Helligkeit und Farbprofil Ihres Displays oder weil eine benachbarte Farbe Ihre Wahrnehmung beeinflusst. Die Zahl ist der objektive Wert; der Bildschirm ist die Variable.

Bild

Bild zu Base64 · Bild-Größenänderung · Bild-Kompressor · Bildfilter · Bild-Metadaten · SVG-zu-PNG-Konverter