Palette aus Bild
Hauptfarben eines Fotos extrahieren und als HEX, CSS oder Tailwind kopieren
- Dateien verlassen Ihr Gerät nicht
- Läuft im Browser
- Kostenlos, ohne Anmeldung, ohne Wasserzeichen
Bild hier ablegen oder klicken zum Auswählen
Unterstützt JPG, PNG, WebP, GIF, HEIC, AVIF · Einfügen mit Strg+V / ⌘V geht auch
So verwenden Sie: Palette aus Bild
Ermitteln Sie die Hauptfarben eines Fotos oder Screenshots, 3 bis 16 Stück, jeweils mit ihrem Anteil am Bild. Dazu wählt das Tool Farbrollen nach Android-Vorbild (kräftig und gedeckt, hell und dunkel) und exportiert nach CSS, Tailwind, JSON, GIMP .gpl oder Adobe .ase.
- 1
Legen Sie ein Bild ab (JPG, PNG, WebP, GIF, HEIC oder AVIF) oder klicken Sie zum Auswählen.
- 2
Wählen Sie mit dem Regler „Farben“ 3 bis 16 Farben und unter „Sortieren nach“ „Anteil“, „Farbton“ oder „Helligkeit“.
- 3
Fahren Sie über ein Farbfeld oder das Bild, um zu sehen, wo die Farbe vorkommt; ein Klick auf ein Farbfeld kopiert den HEX-Wert.
- 4
Wählen Sie unter „Exportieren“ HEX, CSS, Tailwind oder JSON und kopieren Sie den Code, oder laden Sie GIMP / Inkscape (.gpl) bzw. Adobe (.ase) herunter.
Häufige Fragen
Wird mein Bild hochgeladen?
Nein. Das Bild wird im Browser dekodiert und analysiert und verlässt Ihr Gerät nicht.
Wie werden die Farben ausgewählt?
Das Tool führt ein gewichtetes k-Means-Clustering in OKLab auf einer Kopie aus, die auf höchstens 256 px verkleinert ist. Jede Farbe steht daher für eine Fläche, nicht für ein einzelnes Pixel. Für die exakte Farbe eines Pixels nutzen Sie die Bild-Farbpipette.
Warum steht bei einer Farbrolle „Keine“?
Die Rollen werden wie bei Androids Palette-API aus 16 Kandidatenfarben gewählt. Passt kein Kandidat, etwa eine kräftige Farbe in einem grauen Foto, bleibt die Rolle leer.
Werden transparente Bereiche mitgezählt?
Nein. Transparente Pixel werden ignoriert; ein Logo auf transparentem Grund liefert nur die Farben des Logos.
Kann ich die Palette in Photoshop oder GIMP verwenden?
Ja. Adobe (.ase) laden Sie in Adobe-Programmen als Farbfelder, GIMP / Inkscape (.gpl) in GIMP und Inkscape.