Farbpalette aus Bild extrahieren
Hol dir aus einem Foto, einem Kunstwerk oder einem Markenbild eine einsatzfertige Farbpalette: Das Werkzeug findet die dominanten Farben, zeigt, wie viel vom Bild jede davon einnimmt, und exportiert sie als CSS-Variablen.
Läuft im Browser
So geht's
- Ein Bild ablegen oder auswählen.
- Wählen, wie viele Farben extrahiert werden sollen.
- HEX-Codes oder die CSS-Variablen kopieren.
Wie es funktioniert
Das Bild wird auf höchstens 200 px verkleinert, und seine Pixel werden mit dem Clustering-Algorithmus k-Means++ gruppiert: Jede Farbe der Palette ist der Mittelwert einer Gruppe ähnlicher Pixel, und ihr Anteil ist der Pixelanteil dieser Gruppe. Transparente Pixel werden übergangen. Der Startwert ist fest, dasselbe Bild ergibt also immer dieselbe Palette.
Beispiele
- Moodboard
- Ein Sonnenuntergangsfoto → tiefes Orange, Korallenrot, Violett, Marineblau und Sandtöne.
Typische Anwendungsfälle
- Moodboards und Markenauftritte
- UI-Farben auf ein Titelbild abstimmen
- Anregungen für Kunst und Gestaltung
Datenschutz und Sicherheit
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien und Texte werden nie auf unsere Server hochgeladen — die Verarbeitung passiert auf deinem Gerät, und auch das Ergebnis entsteht dort. Wie jedes Tool mit Dateien umgeht
Häufige Fragen
Warum fehlt eine kleine, leuchtende Akzentfarbe?
k-Means bevorzugt Farben, die größere Flächen einnehmen. Erhöh die Anzahl der Farben, um auch Akzente zu erfassen.
Kann ich die Palette bearbeiten?
Kopier die Codes in den Farbpaletten-Generator oder in dein Gestaltungsprogramm.
Zuletzt aktualisiert: