Farbpaletten-Extraktor
Extrahieren Sie die dominanten Farben eines Fotos oder Designs als Palette, mit HEX- und RGB-Werten und dem Anteil des Bildes, den jede Farbe abdeckt. Nützlich, um eine Marke abzugleichen oder ein Theme zu erstellen.
- Dateien verlassen niemals Ihr Gerät
- Kostenlos, keine Anmeldung
- Keine Wasserzeichen
- Funktioniert nach dem Laden auch offline
So verwenden Sie Farbpaletten-Extraktor
- 1
Ein Bild hinzufügen
Ein Foto, einen Screenshot oder ein Design einfügen — oder aus der Zwischenablage einfügen.
- 2
Anzahl der Farben wählen
Fünf oder sechs ist meist der Sweet Spot für eine nutzbare Palette.
- 3
Werte kopieren
Jede Farbe zeigt HEX und RGB, plus wie viel des Bildes sie abdeckt.
Wie Median-Cut-Quantisierung Farben auswählt
Eine typische Fotografie enthält Hunderttausende unterschiedlicher Farben, sobald jeder subtile Verlauf und Schatten einzeln gezählt wird — weit mehr, als jede nutzbare Palette zeigen könnte. Median-Cut-Quantisierung reduziert das, indem jeder Pixel eines Bildes als Punkt in einem dreidimensionalen Farbraum behandelt wird, und dann wiederholt die größte, am weitesten gestreute Gruppe entlang der Achse — Rot, Grün oder Blau — mit der größten Spannweite geteilt wird, bis die gewünschte Anzahl von Gruppen übrig bleibt. Die durchschnittliche Farbe jeder finalen Gruppe wird zu einer Palettenfarbe.
Da die Teilung davon geleitet wird, wie gestreut eine Farbgruppe ist, statt wie viele Pixel sie hat, bevorzugt das Ergebnis natürlich Farben, die sowohl häufig als auch visuell markant sind, statt einfach den häufigsten Pixelwert — eine große Fläche fast identischen Himmelblaus verdrängt nicht drei andere echt unterschiedliche Farben, die jeweils eine kleinere Fläche abdecken. Das ist derselbe Kernalgorithmus hinter der klassischen GIF- und 256-Farben-Palettengenerierung, hier angewendet, um eine Palette für die Designverwendung zu bauen, statt das Bild selbst neu zu zeichnen.
Warum die Palette überhaupt nicht dem entsprechen kann, was Sie erwartet haben
Die menschliche Aufmerksamkeit richtet sich auf das Motiv einer Fotografie — ein Gesicht, ein Produkt, einen Fokuspunkt — fast unabhängig davon, wie viel des Rahmens es tatsächlich einnimmt, während ein pixelzählender Algorithmus überhaupt kein Konzept von Motiv hat. Ein Porträt vor viel grünem Laub liefert eine von Grüntönen dominierte Palette, weil Grün tatsächlich den Großteil der Pixel ausmacht, obwohl jemand, der das Foto betrachtet, sagen würde, es „handelt" von der Person im Rahmen, nicht vom Hintergrund dahinter.
Die Lösung, wenn das passiert, ist fast immer, das Bild vor der Palettenextraktion auf den wirklich relevanten Bereich zuzuschneiden — eng auf das Motiv eines Produktfotos oder das Fokuselement eines Designentwurfs zuzuschneiden entfernt die Hintergrundpixel, die das Ergebnis verzerrten, und lässt die Palette den Teil des Bildes widerspiegeln, der tatsächlich repräsentiert werden soll.
Wählen, wie viele Farben extrahiert werden
Weniger Farben zwingen den Algorithmus zu aggressiverer Verallgemeinerung, was nützlich ist, wenn die Palette als kleine, bewusste Marken- oder Themen-Palette verwendet werden soll — drei oder vier Farben, die sich jeweils wirklich von den anderen unterscheiden müssen. Mehr Farben erfassen feinere Unterscheidungen im Ausgangsbild, produzieren aber ab etwa sieben oder mehr fast doppelte Farbtöne, die schwer zu unterscheiden sind, besonders bei Bildern mit subtilen Verläufen, wo die zusätzlichen Farben eigentlich nur Stufen entlang desselben Verlaufs sind statt bedeutend unterschiedlicher Farben.
- 3–4 Farben
- Eine enge Marken-Palette — Primärfarbe, Sekundärfarbe, und ein oder zwei Akzente.
- 5–6 Farben
- Die allgemeine Standardwahl. Genug Spanne ohne Fast-Duplikate.
- 8+ Farben
- Detaillierte Analyse eines komplexen Bildes, auf Kosten etwas Redundanz zwischen Farben.
Häufig gestellte Fragen
Wie werden die Farben ausgewählt?
Durch Median-Cut-Quantisierung — die Farben des Bildes werden entlang ihrer breitesten Achse wiederholt in Kästen aufgeteilt, bis die gewünschte Anzahl von Gruppen übrig bleibt, und der gewichtete Durchschnitt jeder Gruppe wird zu einer Farbe. Das ist derselbe Algorithmus, den GIF-Paletten verwenden, und er bevorzugt Farben sowohl nach Auffälligkeit als auch nach Häufigkeit.
Warum unterscheidet sich die Palette von dem, was ich sehe?
Weil das Auge sich auf das *Motiv* richtet, während der Algorithmus Pixel zählt. Ein Foto eines roten Autos auf Gras liefert überwiegend Grüntöne, weil das tatsächlich den Großteil des Bildes ausmacht. Auf den relevanten Teil zuzuschneiden liefert die erwartete Palette.
Was bedeutet der Prozentsatz?
Der Anteil der dieser Farbe zugewiesenen Pixel. Er ist ein guter Indikator für visuelles Gewicht — eine Farbe, die 40% des Bildes abdeckt, dominiert jedes aus der Palette gebaute Design, gehört also meist zu einem Hintergrund statt zu einem Akzent.
Werden transparente Bereiche einbezogen?
Nein. Vollständig transparente Pixel werden ausgeschlossen, daher liefert ein Logo auf transparentem Hintergrund die Farben des Logos statt zu Schwarz verzerrt zu werden.
Häufige Aufgaben für Farbpaletten-Extraktor
Das könnte Sie auch interessieren
Farbwähler und -konverter
HEX, RGB, HSL, CMYK und Kontrastprüfung
PNG komprimieren
PNG-Dateien verkleinern bei erhaltener Transparenz
Bildgröße ändern
Bildabmessungen in Pixel oder Prozent ändern
Hintergrund-Entferner
Schneiden Sie den Hintergrund aus jedem Foto — direkt in Ihrem Browser
JPG komprimieren
JPG-Dateigröße reduzieren ohne sichtbaren Qualitätsverlust
Bild zuschneiden
Ziehen zum Zuschneiden, mit Seitenverhältnis-Voreinstellungen
Favicon-Generator
Jede Favicon-Größe plus das HTML zur Installation
HEIC zu JPG
iPhone-HEIC-Fotos in Ihrem Browser zu JPG konvertieren