Farbe aus einem Bild auslesen
Den HEX-, RGB-, HSL- oder CMYK-Code jedes Pixels eines Bildes auslesen, dazu die Palette der Hauptfarben.
oder hierher ziehen, oder mit Strg+V / ⌘V einfügen
Unterstützt: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF
Ihre Bilder werden in Ihrem Browser verarbeitet und nicht hochgeladen. Details zum Datenschutz
So verwenden Sie: Farbwähler aus Bild
- 1 Wählen Sie ein Bild oder einen Screenshot aus, ziehen Sie es hierher oder fügen Sie es ein.
- 2 Fahren Sie über das Bild: Die Lupe zeigt die genauen Pixel; klicken Sie, um eine Farbe zu wählen.
- 3 Kopieren Sie den gewünschten Code: HEX, RGB, HSL, HSV oder CMYK.
- 4 Kopieren Sie über die Liste der Hauptfarben die ganze Palette, auch als CSS-Variablen.
Über dieses Werkzeug
Designer, Entwickler und alle, die eine Markenfarbe treffen wollen, brauchen oft den genauen Code einer Farbe aus einem Logo, Foto oder Screenshot. Klicken Sie auf die Stelle und Sie erhalten die Farbe in allen gängigen Schreibweisen: HEX fürs Web, RGB, HSL und HSV für Grafikprogramme und CMYK als Ausgangspunkt für den Druck.
Die Lupe zeigt die Pixel um den Mauszeiger vergrößert, sodass Sie auch dünne Linien und kleine Details genau treffen. Fotos rauschen, daher können Sie statt eines Pixels den Mittelwert einer 3 × 3-, 5 × 5- oder 11 × 11-Fläche nehmen. Jede gewählte Farbe landet in einem Verlauf, den Sie als Liste kopieren können. Außerdem ermittelt das Werkzeug die Hauptfarben des Bildes (4 bis 12) mit ihrem Anteil – bereit zum Kopieren als HEX-Codes oder CSS-Variablen.
Die Bedienung klappt auch per Tastatur (Pfeiltasten und Eingabe), und alle unterstützten Formate werden gelesen, auch HEIC, SVG und TIFF. Das Bild wird nur in Ihrem Browser geöffnet und nicht hochgeladen.
Häufig gestellte Fragen
Warum weicht die Farbe leicht von der Designdatei ab?
JPEG-Kompression und Farbprofile verändern Pixel geringfügig. Wählen Sie aus einem PNG oder der Originaldatei oder nutzen Sie einen Mittelwert über eine Fläche.
Ist der CMYK-Wert für den Druck exakt?
Es ist eine direkte Umrechnung ohne Druckerprofil, gut als Ausgangspunkt. Für exakte Druckfarben fragen Sie Ihre Druckerei oder nutzen deren Profil.
Wie werden die Hauptfarben ermittelt?
Das Bild wird in die häufigsten Farbgruppen eingeteilt (k-means). Bei jeder Farbe sehen Sie, welchen Anteil des Bildes sie einnimmt.
Kann ich Farben aus einem Screenshot auslesen?
Ja. Erstellen Sie einen Screenshot und fügen Sie ihn mit Strg+V (Cmd+V auf dem Mac) ein oder wählen Sie die gespeicherte Datei.
Wird mein Bild hochgeladen?
Nein. Die Farben liest Ihr Browser aus; das Bild bleibt auf Ihrem Gerät.
Ähnliche Werkzeuge
-
Bild in Base64
Macht aus einem Bild eine Base64-Data-URI für HTML oder CSS – oder aus Base64-Text wieder ein Bild.
-
Hintergrund entfernen (einfarbig)
Einen weißen oder einfarbigen Hintergrund transparent machen – für Logos, Produktfotos, Icons und Scans.
-
Foto-Editor
Licht und Farben korrigieren, gerade richten, zuschneiden und drehen – mit Live-Vorschau.
-
EXIF-Viewer
Sehen Sie, was ein Foto verrät: Kamera, Einstellungen, Aufnahmedatum und GPS-Standort.