Farbpaletten-Extraktor
Dominante Farben aus jedem Bild direkt im Browser extrahieren. 5–8 Swatches, Hex-Codes, kopierbare CSS-Variablen. Datei verlässt dein Gerät nie.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
Wofür ist das?
Dieses Tool liest ein Bild, sampelt ein paar tausend Pixel und gruppiert sie mit einem selbstgebauten Median-Cut-Algorithmus in 3–10 dominante Farbcluster. Das Ergebnis sind ein paar repräsentative Hex-Farben, die du als Seed für ein Design-System, als Basis für ein Moodboard oder als schnellen Weg zum Extrahieren von Markenfarben aus einem fremden Logo nutzen kannst. Alles läuft im Browser; das Bild wird nie hochgeladen.
Wann verwenden
- Markenfarben aus einem Logo ziehen, um ein passendes Theme zu bauen.
- Tailwind-Config oder CSS-Custom-Properties aus einem Hero-Bild seeden.
- Moodboard-Palette aus einem Foto oder Kunstwerk bauen.
- Prüfen, ob Hero-Bild und Akzentfarbe der Seite zusammenpassen.
Wie Median-Cut funktioniert
- Bild herunterrechnen, damit die Pixelmenge handhabbar bleibt.
- Längste Achse der Pixelwolke finden (R-, G- oder B-Range).
- Entlang dieser Achse sortieren, am Median teilen.
- Rekursiv in jede Hälfte gehen, bis die gewünschte Anzahl an Buckets erreicht ist.
- Mittlere Farbe jedes Buckets zurückgeben.
Häufige Stolpersteine
- Transparente Bereiche werden übersprungen. Pixel mit Alpha < 50% gehen nicht in die Palette ein — gut für Logos auf transparenten Hintergründen.
- Fotos mit einer dominanten Farbe (z. B. Strand mit viel blauem Himmel) ergeben mehrere Schattierungen statt einer abwechslungsreichen Palette. Crop dann auf einen bunteren Bereich.
- Median-Cut ist schnell, aber nicht perzeptuell perfekt. Für farbtheoretisch gute Ergebnisse (Komplementär, Analog) brauchst du noch einen Designer — der Algorithmus pickt das Häufigste, nicht das Ästhetischste.
- Der Regler zählt Buckets, nicht "wichtige" Farben. 10 aus einem 2-Farben-Logo angefragt gibt dir 10 — nur sind viele Quasi-Duplikate.