Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- Colors are approximate dominant colors from sampled pixels.
- Click a swatch to copy its HEX value.
- Download or copy CSS variables for design handoff.
Extracted palette
Extracted colors will appear here.
Was ist dieser Farbpaletten-Extraktor?
Dieses Tool analysiert ein lokales Bild und extrahiert ungefähre dominante Farben. Du kannst HEX-, RGB- und HSL-Werte kopieren oder die Palette als CSS-Variablen exportieren.
Bilder bleiben in deinem Browser. Das Tool lädt keine Dateien hoch und speichert sie nicht auf dem Server.
Funktionen
- Dominante Farben lokal aus einem Bild extrahieren
- HEX-, RGB- und HSL-Werte kopieren
- CSS-Custom-Properties erzeugen
- Palette als CSS herunterladen
- Schnelles Sampling ohne Drittanbieter-Bibliotheken
Anleitung
-
Bild hinzufügen
Wähle ein JPG-, PNG- oder WebP-Bild aus oder ziehe es in das Tool.
-
Anzahl wählen
Wähle, wie viele Farben du in der Palette haben möchtest.
-
Farben extrahieren
Der Browser sampelt Pixel und gruppiert ähnliche Farben.
-
Werte kopieren
Klicke auf Farbfelder oder kopiere die erzeugten CSS-Variablen.
FAQ
Werden Bilder hochgeladen?
Nein. Das Pixel-Sampling findet in deinem Browser-Tab statt.
Sind die Farben exakt?
Es sind ungefähre dominante Farben auf Basis der gesampelten Pixel.
Kann ich das CSS in einem Projekt verwenden?
Ja. Kopiere oder lade die erzeugten CSS-Variablen herunter.
Warum werden transparente Pixel ignoriert?
Transparente Pixel tragen keine sichtbare Farbe bei und werden deshalb übersprungen.