WebyTooly

Farben aus einem Bild extrahieren

Lade ein Bild hoch und erhalte seine dominante Farbpalette mit HEX-Code und Gewicht jeder Farbe.

Espacio publicitario

Zieh dein Bild hierher oder klicke, um es auszuwählen

Unterstützt JPG, PNG und WebP

Espacio publicitario

So wird die dominante Palette berechnet

Das Bild wird auf eine Canvas gezeichnet und seine Pixel werden gelesen. Damit die Analyse auch bei riesigen Fotos schnell bleibt, wird eine regelmäßige Stichprobe genommen statt alle Pixel zu durchlaufen; transparente werden übersprungen.

Prozent = Pixel der Box ÷ analysierte Pixel × 100

Die Pixel landen in einem 3D-Histogramm mit 5 Bit pro Kanal, und darüber läuft ein Median-Cut-Algorithmus: Die Farbbox mit den meisten Pixeln wird wiederholt entlang ihres breitesten Kanals geteilt, bis es so viele Boxen wie gewünschte Farben gibt.

Die Endfarbe jeder Box ist der echte Mittelwert der enthaltenen Pixel, und ihr Prozentwert sagt, wie viel Bild sie ausmacht. Nach Gewicht sortiert stehen vorne die Farben, die das Foto visuell prägen.

Praktisches Beispiel

Bei einem Strandfoto im Sonnenuntergang liefert eine Palette mit 6 Farben meist ein warmes Orange mit rund 30 %, zwei Blautöne für Meer und Himmel, einen Sandton und zwei dunkle Töne der Silhouetten.

Häufig gestellte Fragen

Warum sind es nicht exakt die Farben des Fotos?
Jede Palettenfarbe ist der Mittelwert einer Gruppe ähnlicher Töne. Für den exakten Wert einer Stelle nutzt du den Farbwähler.
Wozu dient eine dominante Palette?
Zum Gestalten rund um ein Bild: den Hintergrund einer Karte wählen, die Farbe eines Buttons über einem Titelfoto oder ein zur Marke passendes Theme erzeugen.
Wie viele Farben sollte ich extrahieren?
Fünf bis acht ist üblich. Weniger verliert Nuancen, deutlich mehr liefert fast identische Töne.
Zählen transparente Flächen mit?
Nein. Fast transparente Pixel werden verworfen, damit ein freigestelltes PNG nicht die Farbe des leeren Hintergrunds liefert.

Verwandte Rechner