Farbpalette aus jedem Bild extrahieren
Lade ein Foto hoch, um die dominanten Farben zu ermitteln, exakte Pixel auszuwählen und einsatzbereiten Code zu exportieren.
Bild hierher ziehen
oder klicken, um Dateien zu durchsuchen
Unterstützt PNG, JPG und WebP bis 50MB
Über den Farbpaletten-Extraktor
Dieses Tool analysiert die Pixel eines Bildes und gruppiert sie mittels Median-Cut-Quantisierung zu einer kleinen Anzahl repräsentativer Farben – derselben Technik, die in klassischen Farbreduktions-Algorithmen verwendet wird. Wähle eine Palettengröße, kopiere den Hex-Code jeder Farbfläche oder nutze die Pipette, um ein exaktes Pixel aus dem Foto zu übernehmen.
Funktionen:
- Median-Cut-Paletten-Extraktion mit 4, 6 oder 8 Farbflächen
- Pipette zum Auswählen exakter Pixel aus dem Bild
- Ein-Klick-Kopie für Hex- und RGB-Werte
- Export als CSS-Variablen, JSON oder Tailwind-Konfigurationsschnipsel
So extrahierst du eine Farbpalette
- Lade ein Bild hoch oder ziehe es hinein (PNG, JPG oder WebP)
- Wähle eine Palettengröße – 4, 6 oder 8 Farben
- Klicke auf Farbflächen, um Hex-Codes zu kopieren, oder klicke auf das Bild, um exakte Pixel auszuwählen
- Kopiere den CSS-, JSON- oder Tailwind-Export für dein Projekt
Häufig gestellte Fragen
Wie funktioniert der Farbpaletten-Extraktor?
Er verkleinert dein Bild, liest die Pixelfarben aus und gruppiert ähnliche Farben mittels Median-Cut-Quantisierung. Jede Gruppe wird zu einer repräsentativen Farbfläche gemittelt, die Farbflächen werden nach ihrem Anteil am Bild sortiert.
Gibt es eine Größenbeschränkung für das Bild?
Bilder bis 50MB werden unterstützt. Sehr große Bilder werden für die Analyse automatisch verkleinert, sodass die Extraktion unabhängig von der Originalauflösung schnell bleibt.
Wofür ist die Pipette gedacht?
Klicke an eine beliebige Stelle im hochgeladenen Bild, um die exakte Farbe an diesem Pixel zu übernehmen – unabhängig von der automatisch extrahierten Palette. Auf diese Weise kannst du bis zu 6 Farben auswählen.
Warum stimmen die extrahierten Farben nicht genau mit dem überein, was ich im Foto sehe?
Die Palette entsteht durch Mittelung von Gruppen ähnlicher Pixel, sodass feine Farbverläufe und Schattierungen zu einer Handvoll repräsentativer Farbflächen geglättet werden statt jeden einzelnen Farbton abzubilden. Nutze die Pipette, wenn du die exakte Pixelfarbe benötigst.
Wird das hochgeladene Bild irgendwohin gesendet?
Nein. Jeder Schritt – Dekodierung, Verkleinerung und Farbanalyse – läuft lokal in deinem Browser ab. Das Bild wird nie hochgeladen oder gespeichert.
Wie verwende ich die Palette auf meiner Website oder in meinem Design-Tool?
Nutze das Export-Panel, um die Palette als benutzerdefinierte CSS-Eigenschaften, ein JSON-Array von Hex-Codes oder einen einfügefertigen Tailwind-Konfigurationsschnipsel zu kopieren und direkt in dein Projekt einzufügen.
Datenschutz
Dein Bild wird vollständig in deinem Browser mit Canvas-Pixeldaten verarbeitet – es wird nie auf einen Server hochgeladen.