Hol die dominanten Farben aus einem Bild: einem Logo, einem Foto, einem Gemälde oder einem Screenshot. Die Palette entsteht, indem die Pixel des Bildes danach gruppiert werden, wie ähnlich sie aussehen; jede Farbe wird mit ihrem Anteil am Bild aufgeführt, und der Export erfolgt als CSS Custom Properties, JSON oder reiner Text. Nichts verlässt dein Gerät.
So funktioniert es
- Zieh ein Bild hinein, füge es ein oder wähle es aus.
- Wähle 5 bis 8 Farben; klick auf ein Farbfeld, um seine HEX-, RGB-, HSL- und OKLCH-Werte zu sehen.
- Lade die Palette als .css, .json oder .txt herunter.
Häufige Fragen
- Wird meine Datei hochgeladen?
- Nein. Alles passiert in deinem Browser auf deinem eigenen Gerät. Du kannst das selbst prüfen: Öffne die Entwicklertools (DevTools) deines Browsers, beobachte den Tab „Netzwerk“, während das Tool läuft, und du wirst keinen Upload sehen. Die Anzeige neben dem Seitentitel zählt live die Bytes, die diese Seite gesendet hat.
- Wie werden die Farben ausgewählt?
- Eine verkleinerte Kopie des Bildes wird in Farbgruppen aufgeteilt (Median Cut), dann werden die Gruppen danach verfeinert, wie ähnlich die Farben für das Auge aussehen (k-Means in OKLab). Fast identische Töne werden zusammengeführt, sodass du klar unterscheidbare Farben bekommst, sortiert nach ihrem Anteil am Bild. Dasselbe Bild ergibt immer dieselbe Palette.
- Warum habe ich weniger Farben bekommen, als ich wollte?
- Hat ein Bild nur wenige klar unterschiedliche Farben, etwa ein flaches Logo, zeigt die Palette diese, statt die Liste mit fast identischen Tönen aufzufüllen. Transparente Bereiche werden ignoriert.