Farbpalette aus Bild erstellen
Zieh ein Foto, eine Grafik oder einen Screenshot hierher und du bekommst seine Hauptfarben als Palette: 4 bis 10 Farbfelder, jeweils mit HEX-Code und Anteil am Bild. Kopier sie als CSS-Variablen oder als einfache HEX-Liste, oder speicher die Palette als PNG. Jede Farbe kommt wirklich so im Bild vor, es ist kein Mischwert. Alles läuft in deinem Browser.
Klicken oder tippen zum Aufnehmen. Am Handy: Finger ziehen zum Zielen, loslassen zum Übernehmen.
Aufgenommene Farbe
Klick irgendwo ins Bild, um den Farbcode abzulesen.
- HEX
- RGB
- HSL
Zuletzt aufgenommen
Hauptfarben
So funktioniert es
- Bild reinziehen, Datei auswählen oder Screenshot mit Strg+V einfügen.
- Wählen, wie viele Farben du willst: 4, 6, 8 oder 10.
- Auf ein Farbfeld klicken, um den HEX-Code zu kopieren, oder die ganze Palette als CSS oder Liste kopieren bzw. als PNG laden.
Häufige Fragen
Wie werden die Farben ausgewählt?
Eine verkleinerte Kopie des Bildes wird in ähnliche Farben gruppiert (Median Cut, verfeinert mit k-Means). Für jede Gruppe zeigt das Tool die nächstliegende echte Pixelfarbe und sortiert nach dem Anteil am Bild.
Warum fehlt eine kleine Akzentfarbe?
Die Palette zeigt die Farben mit der größten Fläche, Sprenkel unter etwa 0,4 % fallen raus. Stell 8 oder 10 Farben ein oder klick den Akzent im Bild direkt mit der Pipette an.
Wie nutze ich die Palette in CSS, Figma oder Canva?
„Als CSS kopieren“ liefert Custom Properties (--color-1, --color-2 …) für dein Stylesheet. „HEX-Liste kopieren“ gibt einen Code pro Zeile, den du in Figma, Canva oder jedes Farbfeld einfügen kannst. Das PNG eignet sich für Moodboards.
Klappt das auch mit Logos und transparenten PNGs?
Ja. Transparente Pixel werden ignoriert, und flächige Logofarben kommen exakt heraus, weil jedes Farbfeld auf ein echtes Pixel aus dem Bild gesetzt wird.
Wird mein Bild hochgeladen?
Nein. Die Palette wird in deinem Browser berechnet, dein Bild geht an keinen Server.