Farbe aus Bild auslesen – HEX, RGB und HSL aus jedem Foto
Finde die exakte Farbe jedes Pixels in Foto, Logo oder Screenshot. Per Klick HEX, RGB und HSL auslesen, mit der Lupe zoomen und die Hauptfarben als Palette erhalten.
Bild ablegen, mit dem Zeiger darüberfahren (Vorschau in der Lupe) und klicken. Jede Farbe zeigt HEX, RGB und HSL – ein Klick auf den Wert kopiert ihn. Die Hauptfarben des ganzen Bildes erscheinen als Palette mit Anteil in Prozent.
So funktioniert: Farbe aus Bild auslesen
- Bild ablegen oder auswählen.
- Über das Bild fahren – die Lupe zeigt die Pixel unter dem Zeiger.
- Klicken, um die Farbe zu übernehmen.
- HEX-, RGB- oder HSL-Wert anklicken zum Kopieren.
- Palette der Hauptfarben als Farbschema nutzen.
So funktioniert es
Das Bild wird im Browser auf ein Canvas gezeichnet, das Tool liest die Farbe des Pixels unter dem Zeiger. Die Lupe vergrößert 11 × 11 Pixel zehnfach. Nichts wird hochgeladen – wichtig für unveröffentlichte Entwürfe.
HEX, RGB und HSL
| Format | Beispiel | Einsatz |
|---|---|---|
| HEX | #8B5CF6 | CSS, Designtools, Styleguides |
| RGB | rgb(139, 92, 246) | CSS, Bildbearbeitung |
| HSL | hsl(258, 90%, 66%) | hellere und dunklere Varianten |
Alle drei beschreiben dieselbe Farbe. Umrechnen kannst du mit HEX in RGB umrechnen.
Palette extrahieren
Das Tool fasst ähnliche Farben im ganzen Bild zusammen und zeigt bis zu acht Hauptfarben mit Anteil. So passt du Website, Social-Post oder Präsentation schnell an ein Foto oder Logo an. Ein vollständiges Farbschema baust du mit dem Farbpaletten-Generator.
Genaue Farben
- Originaldatei statt Screenshot verwenden.
- JPG-Kompression erzeugt Rauschen an Kanten – aus der Mitte einer Fläche wählen.
- Bei Fotos ist der Paletten-Durchschnitt oft nützlicher als ein einzelnes Pixel.
Logo-Farben eignen sich auch für ein Favicon aus dem Favicon-Generator.
Auf dem Smartphone
Auf Handy und Tablet tippst du einfach auf die gewünschte Stelle; die Lupe zeigt die Pixel unter dem Finger. Bei sehr kleinen Bereichen vorher mit zwei Fingern in die Seite zoomen. Alle gewählten Farben bleiben bis zum Neuladen in der Liste, sodass du mehrere Farben sammeln und nacheinander kopieren kannst. Die Liste zeigt die zuletzt gewählte Farbe immer ganz oben.
Farben für das eigene Branding
Wer für ein kleines Unternehmen, einen Verein oder einen Blog Farben festlegt, kann sie direkt aus dem Logo, einem Produktfoto oder einem Bild der Räumlichkeiten auslesen. Notiere die HEX-Werte in einem kleinen Styleguide, damit alle Beteiligten dieselben Töne verwenden – auf der Website, in Präsentationen und in sozialen Netzwerken.
Diese kostenlosen Tools könnten dir auch helfen: WebP in JPG umwandeln, Bildgröße ändern und Bild komprimieren.
Häufige Fragen
Wie lese ich den Farbcode aus einem Bild aus?
Bild ablegen und auf die gewünschte Stelle klicken. HEX, RGB und HSL erscheinen zum Kopieren.
Wird mein Bild hochgeladen?
Nein, die Pixel werden im Browser gelesen.
Kann ich die Hauptfarben eines Fotos sehen?
Ja, die Palette zeigt bis zu acht Hauptfarben mit Anteil.
Warum weicht die Farbe leicht ab?
Fotos und JPG-Kompression mischen benachbarte Pixel. Wähle die Mitte einer Fläche.
Funktioniert das auf dem Handy?
Ja, einfach auf das Bild tippen.
Zuletzt aktualisiert: