Über dieses Tool
Welche Farben stecken in einem Foto, einem Logo oder einem Screenshot? Das Tool ermittelt die Hauptfarben eines Bildes und zeigt sie als Palette mit Hex-Codes und ihrem Anteil am Bild. Ideal, um eine Website passend zu einem Titelbild zu gestalten, Markenfarben aus einem Logo zu übernehmen oder Inspiration aus Naturfotos zu holen.
Die Auswertung läuft komplett im Browser: Das Bild wird verkleinert, in Farbgruppen zerlegt und mit dem k-Means-Verfahren verfeinert. Aus jeder gefundenen Farbe kannst du mit einem Klick im Farbpaletten-Generator eine ganze Palette samt Abstufungen erstellen; Formate wie RGB oder HSL liefert der Farbkonverter & Kontrastprüfer.
So funktioniert’s
- Ziehe ein Bild in das Feld, füge es mit Strg+V ein oder wähle eine Datei.
- Stelle ein, wie viele Farben ermittelt werden sollen (2 bis 12).
- Kopiere einzelne Hex-Codes oder alle Farben als CSS-Variablen.
- Erstelle aus einer Farbe bei Bedarf eine komplette Palette.
Häufige Fragen
Wie werden die Farben bestimmt?
Die Pixel werden wiederholt entlang der Farbachse mit der größten Streuung in Gruppen geteilt (ähnlich dem Median-Cut-Verfahren). Anschließend werden die Gruppen mit einigen k-Means-Durchläufen verfeinert. Jede Farbe ist der Durchschnitt ihrer Gruppe, der Anteil gibt an, wie viele Pixel dazugehören.
Warum stimmt eine Farbe nicht exakt mit einem Pixel überein?
Weil Durchschnittsfarben ganzer Bereiche berechnet werden. Bei Fotos mit Verläufen ist das gewollt – so entsteht eine harmonische Palette. Für exakte Werte einzelner Flächen, etwa bei Logos, wähle mehr Farben.
Wird mein Bild hochgeladen?
Nein. Das Bild wird nur in deinem Browser gelesen und ausgewertet. Es verlässt dein Gerät nicht.
Was passiert mit transparenten Bereichen?
Pixel, die überwiegend transparent sind, werden ignoriert. Bei Logos mit transparentem Hintergrund erscheinen daher nur die sichtbaren Farben.