Farbpaletten-Extraktor

Beliebiges Bild ablegen. Dominante Farben mit einem Klick erhalten — HEX, RGB, HSL oder CSS-Variablen.

🖼️ Bild hier ablegen oder zum Auswählen klicken — PNG / JPG / WebP / AVIF
Uploaded preview

Was ist dieser Color Palette Extractor?

Dieser kostenlose Color Palette Extractor liest jedes Bild, das du ablegst, sampelt seine Pixel und bringt die repräsentativsten Farben mit dem Median-Cut-Algorithmus an die Oberfläche — kopiere jeden Swatch als HEX, RGB oder HSL, oder exportiere die gesamte Palette als CSS-Variablen oder JSON.

Wie extrahiere ich dominante Farben aus einem Bild online?

Lege das Bild in den Upload-Bereich; das Tool dekodiert es lokal, führt Median-Cut-Quantisierung aus und bringt eine Palette an die Oberfläche, die du Swatch für Swatch kopieren oder als CSS-Variablen exportieren kannst. Nichts verlässt deinen Browser.

Wichtige Funktionen

Median-Cut-Quantisierung
Statistisch abgeleitete Palette — Farben, die das Bild tatsächlich repräsentieren, nicht nur das mittlere Pixel.
Drei Formate pro Swatch
Kopiere jede Farbe als HEX, RGB oder HSL mit einem Klick; das aktive Format synchronisiert über die gesamte Palette.
Drei Export-Formen
Einfache HEX-Liste, einfügebereite CSS-Custom-Properties oder ein strukturiertes JSON-Array — wähle, was zu deiner Toolchain passt.
Privat by Design
Bilder werden in einen Canvas dekodiert und lokal analysiert; nichts wird hochgeladen, sodass private Artworks privat bleiben.

So funktioniert es

Lege ein Bild in den Upload-Bereich oder klicke, um eines auszuwählen. Ziehe den Farben-Slider, um die Anzahl der Paletteneinträge zu steuern — 5 bis 8 ist ein guter Startbereich. Tippe auf einen Swatch, um ihn im aktiven Format zu kopieren, oder verwende die Export-Buttons, um die gesamte Palette als HEX-Liste, CSS-Variablen-Block oder JSON zu erhalten.

Häufig gestellte Fragen

Wie wählt der Paletten-Extraktor Farben aus?

Er sampelt das Bild in einen Farbwürfel und teilt den Würfel rekursiv entlang seiner längsten Achse — der Median-Cut-Algorithmus. Jede finale Box liefert eine Durchschnittsfarbe, sodass du eine Palette erhältst, die das gesamte Bild repräsentiert, statt nur einiger handverlesener Pixel.

Wird mein Bild irgendwo hochgeladen?

Nein. Das Bild wird in deinem Browser in einen Canvas dekodiert und lokal analysiert. Nichts wird an einen Server gesendet, sodass selbst private oder unveröffentlichte Artworks sicher verwendet werden können.

Welche Exportformate werden unterstützt?

Jeder Swatch wird als HEX, RGB oder HSL kopiert. Die gesamte Palette exportiert als HEX-Liste, als CSS-Custom-Property-Block oder als JSON-Array — wähle, was zu deinem Designtool oder deiner Codebase passt.

Vom Tooljar-Team entwickelt mit dem klassischen Median-Cut-Quantisierungsalgorithmus (Heckbert, 1982) auf den nativen Canvas-APIs des Browsers — derselbe Ansatz hinter ColorThief und GIMPs Posterise-Filter, ohne Abhängigkeit von Drittanbieterdiensten.