Farbpalette aus Bild

So extrahieren Sie eine Farbpalette aus einem Bild

1. Ziehen Sie ein Bild auf den Upload-Bereich oder klicken Sie darauf, um eine Datei auszuwählen. JPG, PNG, WebP, GIF und jedes andere Format, das Ihr Browser anzeigen kann, funktionieren.
2. Das Tool analysiert das Bild sofort und zeigt die Dominante Farben, sortiert von der häufigsten zur seltensten.
3. Passen Sie die Anzahl der Farben (3 bis 12) an, um eine breitere oder knappere Palette zu erhalten. Deaktivieren Sie Weiße und fast weiße Pixel ignorieren, wenn Weiß eine wichtige Farbe Ihres Bildes ist, etwa bei einem weißen Produkt oder Schnee.
4. Kopieren Sie eine einzelne Farbe mit dem Button Kopieren unter ihrem Farbfeld, oder wählen Sie unter Exportieren als ein Format (HEX-Liste, CSS-Variablen, SCSS-Variablen, JSON-Array oder Tailwind-Farben) und klicken Sie auf Kopieren oder Herunterladen für die ganze Palette. Farben extrahieren startet die Analyse erneut.

Ihr Bild wird lokal von Ihrem Browser gelesen und nie auf einen Server hochgeladen.

So werden die dominanten Farben ermittelt

Das Bild wird zunächst auf ein unsichtbares Canvas gezeichnet und so verkleinert, dass die längste Seite höchstens 512 Pixel misst. Das hält die Analyse schnell, ohne die Gesamtfarbwirkung zu verändern. Anschließend werden die Pixel mit einem Quantisierungsalgorithmus gruppiert (Modified Median Cut aus der Open-Source-Bibliothek Color Thief), der im Farbraum OKLCH arbeitet. So landen Farben, die für das Auge ähnlich aussehen, in derselben Gruppe.

Jede Gruppe wird zu einer Farbe der Palette, und der Prozentwert unter jedem Farbfeld ist ihr Anteil an den ausgewerteten Pixeln. Der Balken über den Farbfeldern zeigt diese Anteile auf einen Blick. Transparente Pixel werden übersprungen, ebenso weiße und fast weiße Pixel, solange die Option aktiviert ist – sonst würden reinweiße Hintergründe die meisten Produktfotos und Screenshots dominieren.

Jedes Farbfeld zeigt seinen HEX-Code in Schwarz oder Weiß, je nachdem, was besser lesbar ist. So bleibt die Beschriftung auf hellen wie dunklen Farben gut erkennbar.

Ideen für Ihre Bildpalette

• Branding und Webdesign: Bauen Sie ein Website-Farbschema aus einem Titelbild oder Logo, damit die Oberfläche zum Bild passt.
• Präsentationen und Social Media: Wählen Sie Text- und Hintergrundfarben, die zu einem Coverbild passen.
• Innenarchitektur, Mode und Kunst: Halten Sie die Stimmung eines Fotos, Gemäldes oder Stoffmusters fest.
• Datenvisualisierung: Übernehmen Sie Diagrammfarben aus einer Illustration desselben Berichts.

Die extrahierten Farben sind Mittelwerte vieler Pixel und wirken daher manchmal etwas weniger kräftig als die gesättigtste Stelle im Foto. Brauchen Sie die exakte Farbe eines bestimmten Pixels, nutzen Sie stattdessen eine Farbpipette für Bilder.