Farbpalette aus Bild
Wählen Sie ein Bild und das Tool findet die Hauptfarben, sortiert nach ihrem Anteil am Bild, mit HEX-Codes zum einzelnen Kopieren oder als CSS-Variablen.
Wählen Sie ein Bild, um die dominanten Farben zu ermitteln.
Über dieses Tool
Ein Farbschema aus einem Foto, einem Markenlogo oder dem Screenshot einer Website abzuleiten, ist einer der schnellsten Einstiege in ein Design. Der Extraktor nutzt Median-Cut-Quantisierung: Er teilt die Farben des Bildes wiederholt entlang ihrer breitesten Achse, bis die gewünschte Anzahl Gruppen übrig ist, und mittelt dann jede Gruppe. So entsteht eine ausgewogene Palette statt nur einer Liste der häufigsten Pixel.
Wählen Sie zwischen 4 und 16 Farben. Der Prozentanteil zeigt, wie dominant eine Farbe ist — hilfreich bei der Entscheidung, was Hintergrund und was Akzent wird. Transparente Pixel werden ignoriert, sodass Logos auf transparentem Grund gut funktionieren.
Häufige Fragen
- Warum weichen die Farben leicht von dem ab, was ich sehe?
- Jedes Farbfeld ist der Mittelwert einer Gruppe ähnlicher Pixel. Erhöhen Sie die Farbanzahl für eine feinere Aufteilung oder justieren Sie einen Wert im Farb-Konverter nach.
- Kann ich das für ein Website-Theme nutzen?
- Ja. Kopieren Sie den CSS-Block; er deklariert die Custom Properties --color-1 bis --color-n, die Sie direkt in ein Stylesheet übernehmen können.
- Wird das Bild in voller Größe analysiert?
- Aus Geschwindigkeitsgründen wird eine verkleinerte Kopie analysiert (200 px an der langen Seite). Für dominante Farben ist das mehr als ausreichend.