Paletten-Extraktor
Legen Sie ein Foto, Logo oder einen Screenshot ab und erhalten Sie die dominanten Farben als Palette – mit HEX-Codes, Anteilen und Export nach CSS oder Tailwind.
- Jedes Bild
- 2–12 Farben
- CSS-Export
- Kein Upload
Bild hier ablegen
oder
JPG, PNG, WebP, GIF, AVIF, SVG oder BMP
Bilder lassen sich auch mit Strg + V einfügen
Ihr Bild wird auf Ihrem Gerät analysiert und nie hochgeladen.
Ihr Bild
Klicken Sie irgendwo ins Bild, um genau diese Farbe zur Palette hinzuzufügen.
Exportieren
So extrahieren Sie Farben aus einem Bild
Die Palette erscheint, sobald das Bild geöffnet ist.
- 1
Bild hinzufügen
Auf die Seite ziehen, eine Datei wählen oder aus der Zwischenablage einfügen. JPG, PNG, WebP, GIF, AVIF und SVG funktionieren.
- 2
Palette abstimmen
Legen Sie Anzahl und Reihenfolge fest und ob ein weißer oder schwarzer Hintergrund ignoriert wird. Ein Klick ins Bild fügt eine bestimmte Farbe hinzu.
- 3
Kopieren oder exportieren
Ein Klick auf einen Code kopiert ihn; oder exportieren Sie die ganze Palette als CSS-Variablen, Tailwind-Konfiguration, JSON oder Bild.
Die Farben, die man wirklich sieht
Gruppiert in einem wahrnehmungsgetreuen Farbraum.
Wahrnehmungsgetreue Gruppierung
Pixel werden in OKLab gruppiert, wo Abstände dem menschlichen Sehen entsprechen – kleine, aber auffällige Akzente gehen nicht in großen matten Flächen unter.
Anteile
Jede Farbe zeigt, wie viel vom Bild sie bedeckt; die Streifen lassen sich maßstäblich zeichnen.
Exakte Farben ergänzen
Eine Detailfarbe fehlt? Klicken Sie sie im Bild an, und sie kommt in die Palette.
Hintergrund ausgeblendet
Lassen Sie reines Weiß oder Schwarz weg – praktisch bei Logos und Produktfotos auf neutralem Grund.
Drei Reihenfolgen
Dominanteste zuerst, rund um den Farbkreis oder von hell nach dunkel.
Export für das Design
CSS Custom Properties, SCSS, Tailwind, JSON, CSV, GIMP-Palette, SVG oder PNG.
Privat
Alles läuft in Ihrem Browser. Was Sie eingeben oder öffnen, wird nicht an einen Server gesendet.
Kostenlos, ohne Anmeldung
Kein Konto, keine Limits, kein Wasserzeichen – auf Smartphone, Tablet und Computer.
So wird aus einem Bild eine gute Palette
Ein Foto enthält Zehntausende leicht unterschiedlicher Farben. Extrahieren heißt, ähnliche Pixel zu gruppieren und je Gruppe einen Vertreter zurückzugeben. Dieses Tool teilt den Farbbereich zunächst in Quader (Median Cut) und verfeinert die Gruppen dann per k-Means-Clustering – im Farbraum OKLab, damit „ähnlich“ für das Auge ähnlich bedeutet und nicht in RGB-Zahlen.
Die Anzahl der Farben verändert den Charakter des Ergebnisses. Drei oder vier Farben geben die Grundstimmung wieder – gut für eine Marke oder ein Folienthema. Sechs bis acht bringen die Akzente dazu. Über zehn entstehen Beinahe-Duplikate. Schafft es ein wichtiges kleines Detail, etwa eine rote Blüte im grünen Feld, nicht in die Palette, fügen Sie es per Klick ins Bild selbst hinzu.
Extrahierte Farben sind ein Ausgangspunkt, kein fertiges Design. Fotos enthalten selten reines Weiß oder einen textfähigen Dunkelton – ergänzen Sie also Neutraltöne und prüfen Sie den Kontrast, bevor Sie zwei extrahierte Farben als Text und Hintergrund verwenden. Aus demselben Grund taugt die dominanteste Farbe eines Bildes – oft Himmel, Wand oder Schatten – meist eher als Hintergrund denn als Akzent.
Wie viele Farben extrahieren?
| Farben | Ergebnis | Geeignet für |
|---|---|---|
| 2–3 | Die Grundstimmung | Duotone-Effekte, einfache Markenfarben |
| 4–6 | Hauptfarben plus ein Akzent | Themes für Websites und Präsentationen |
| 7–9 | Feine Nuancen | Paletten für Illustration, Interieur und Mode |
| 10–12 | Fast jeder sichtbare Ton | Analyse, Pixel-Art, Referenzbögen |
Tipps
- Die exakte Farbe eines einzelnen Pixels liest der Pixel-Farbwähler aus.
- Verfeinern und erweitern Sie die extrahierten Farben im Farbpaletten-Generator.
- Text- und Hintergrundpaare testen Sie mit dem Kontrastprüfer.
- Ein sehr großes Foto verkleinern Sie vorher mit dem Bild-Komprimierer – die Palette bleibt gleich.
Häufig gestellte Fragen
Keine Antwort gefunden? Schreiben Sie uns – wir antworten schnell.
Werden meine Bilder hochgeladen?
Nein. Das Bild wird von Ihrem Browser auf Ihrem eigenen Gerät geöffnet und analysiert. Es wird nie an einen Server gesendet.
Welche Bildformate werden unterstützt?
Alles, was Ihr Browser anzeigen kann: JPG, PNG, WebP, GIF, AVIF, BMP und SVG. HEIC-Fotos vom iPhone müssen in den meisten Browsern zuerst in JPG umgewandelt werden.
Wie werden die dominanten Farben ermittelt?
Das Bild wird abgetastet, ähnliche Pixel werden im wahrnehmungsgetreuen Farbraum OKLab gruppiert, und der Mittelwert jeder Gruppe wird zu einer Palettenfarbe. Die Prozentzahl ist der Pixelanteil dieser Gruppe.
Warum fehlt eine Farbe, die ich im Bild sehe?
Kleine Flächen können in einer größeren, ähnlichen Gruppe aufgehen. Erhöhen Sie die Anzahl der Farben oder klicken Sie die Stelle im Bild an, um ihre exakte Farbe hinzuzufügen.
Bekomme ich die Farben eines Logos ohne den weißen Hintergrund?
Ja. Schalten Sie „Weiß ignorieren“ (oder „Schwarz ignorieren“) ein; transparente Pixel werden immer ignoriert.
Sind die Ergebnisse jedes Mal gleich?
Ja. Das Verfahren ist deterministisch: Dasselbe Bild und dieselben Einstellungen ergeben immer dieselbe Palette.
Weitere kostenlose Entwickler-Tools
Kodieren, formatieren, testen, umrechnen und erzeugen – kleine Werkzeuge, die im Browser laufen und Ihre Daten auf Ihrem Gerät lassen.