Kostenloser Farbpaletten-Extraktor

Ziehen Sie ein JPG-, PNG- oder WebP-Bild auf diese Seite. Der Editor öffnet sich und zeigt eine Palette mit 6 Farben, sobald das Bild geladen ist. Ändern Sie die Anzahl unter „Palettengröße“ und klicken Sie dann auf ein Farbfeld, um seinen Code zu kopieren.

Laden Sie das Bild hoch und lassen Sie das Farbformat auf HEX, der Standardeinstellung. Jedes Farbfeld zeigt einen sechsstelligen Code wie #3a7bd5. Klicken Sie auf ein Farbfeld, um diesen Code zu kopieren, oder auf „Alle als CSS-Variablen kopieren“, um alle Codes auf einmal zu kopieren.

Sie können 4, 6, 8 oder 12 Farben wählen, wobei 6 die Standardeinstellung ist. Vier eignen sich für eine einfache Markenpalette. Größere Anzahlen zeigen mehr Farbfelder, aber eine große Fläche wie ein Himmel füllt oft mehrere davon mit ähnlichen Farbtönen.

Es verwendet Median Cut. Eine Kopie des Bildes wird an der längsten Seite auf 256 Pixel skaliert, und ihre Pixel werden anhand ihrer Rot-, Grün- und Blauwerte in gleich große Gruppen aufgeteilt. Jedes Farbfeld bildet den Durchschnitt einer Gruppe und kann daher eine Mischung sein, die kein einzelnes Pixel hat. Bei 6 oder 12 Farben werden die hellsten Gruppen weggelassen.

Ja. Das Feld „CSS-Variablen“ listet Ihre Farben in einem :root-Block auf, benannt als --color-1, --color-2 usw., im von Ihnen gewählten Format. Klicken Sie auf „Alle als CSS-Variablen kopieren“ und fügen Sie den Code in ein Stylesheet ein. Der Code landet in Ihrer Zwischenablage; es gibt keinen Dateidownload.

Nicht direkt. Der Uploader akzeptiert nur JPG, PNG und WebP und weist HEIC-, GIF-, AVIF-, SVG- und TIFF-Dateien ab. Konvertieren Sie ein HEIC- oder TIFF-Foto zuerst mit dem kostenlosen Bildkonverter in PNG und ziehen Sie das PNG dann hierher, um die Palette zu erhalten.

Ja. Pixel, die zu mehr als der Hälfte transparent sind, werden übersprungen, sodass der leere Hintergrund eines Logos keine schwarzen oder weißen Farbfelder hinzufügt. Ist ein Bild fast vollständig transparent, erscheinen gar keine Farbfelder. Probieren Sie in diesem Fall eine Kopie des Logos auf einer einfarbigen Fläche.

Zwei Dinge können eine Farbe verdecken. Jedes Farbfeld bildet den Durchschnitt eines gleich großen Anteils der Pixel, daher geht ein kleiner Akzent in seinen Nachbarfarben auf. Bei 6 und 12 Farben lässt das Tool außerdem die letzten Gruppen weg, die oft die hellsten Pixel enthalten, weshalb weiße Bereiche fehlen können. Wählen Sie 4 oder 8, um alle Pixel abzudecken.

Nicht mit diesem Tool. Es erstellt eine Palette für das gesamte Bild und hat keine Pipette für einzelne Pixel. Um einen kleinen Bereich zu messen, schneiden Sie das Bild zuerst auf diese Stelle zu. Die Palette entsteht dann nur aus dem, was übrig bleibt.

Nicht direkt. Das Tool liest Bilddateien, keine Webadressen. Machen Sie einen Screenshot der Website, speichern Sie ihn als PNG und ziehen Sie ihn hierher, um die Hauptfarben der Seite als HEX-, RGB- oder HSL-Codes zu erhalten.

Ja. Er ist kostenlos, erfordert keine Anmeldung und hat kein Tageslimit. Ihr Bild wird im Browser gelesen und nie an unsere Server gesendet. Wir erfassen anonyme Statistiken wie die Palettengröße und die benötigte Zeit, niemals das Bild oder seine Farben.