0

5-Farben-Palette aus einem Bild – Online-Extraktor

Extrahieren Sie die echte Farbpalette jedes Fotos in Ihrem Browser: Die Median-Cut-Quantisierung findet 3–12 Schlüsselfarben mit HEX-Codes, CSS-Variablen und JSON-Export.

🧵

Bild ziehen & ablegen

Verarbeitung... 0%
Bilddatei lesen
Pixel verkleinern
Ausführen der Median-Cut-Quantisierung
Aufbau der Palette

Ergebnis

Preview Output

Auf dieser Seite wird der Palettenextraktor geöffnet, der auf fünf Farben voreingestellt ist – die klassische Palettengröße, die von Moodboards, Markenblättern und Designsystemen verwendet wird. Legen Sie ein Foto ein, drücken Sie die Taste und die Median-Cut-Quantisierung reduziert das Bild auf die fünf Farben, die es am besten repräsentieren, sortiert danach, wie viel vom Bild jede Farbe abdeckt.

Fünf ist der Sweet Spot für die meisten praktischen Paletten: genug, um einen Hintergrund, einen Mittelton, zwei Akzente und ein Highlight einzufangen, aber dennoch klein genug, dass jede Farbe noch ihren Zweck erfüllt. Die dominierende Farbe ist auf dem ersten Farbfeld markiert, jedes Farbfeld zeigt seinen Pixelanteil und kopiert seinen HEX-Code beim Klicken, und der CSS-Variablenblock wird direkt in ein Stylesheet als --color-1 bis --color-5 eingefügt.

Die Analyse läuft vollständig in Ihrem Browser: Das Bild wird auf einer lokalen Leinwand auf etwa zehntausend Pixel herunterskaliert und dort quantisiert, sodass private Fotos und unveröffentlichte Kunstwerke Ihr Gerät nie verlassen. Möchten Sie eine auf der Farbtheorie basierende Palette anstelle eines Fotos? Der Farbpalettengenerator erzeugt Harmonien aus einer Grundfarbe – der komplementäre Ansatz.