Zum Inhalt springen
EVOA Toolbox

Farbpalette aus Bild

Extrahieren Sie die dominanten Farben eines Bilds, kopieren Sie Hex-Codes, wählen Sie mit der Pipette einzelne Pixel und exportieren Sie die Palette.

Lokal in Ihrem Browser verarbeitet. Ihre Datei wird nicht hochgeladen.

Tool wird geladen…

Was dieses Tool macht

Laden Sie ein Foto, einen Screenshot, ein Logo oder eine Illustration hoch und erhalten Sie die dominanten Farben samt dem Anteil, den jede am Bild hat. Das Bild wird auf etwa 100 Pixel an der längsten Seite verkleinert und mit einem deterministischen k-Means-Algorithmus gruppiert, sodass dasselbe Bild immer dieselbe Palette ergibt. Transparente Pixel werden ignoriert, daher werden auch Logos mit leerem Hintergrund korrekt behandelt.

Klicken Sie auf ein Farbfeld, um den Hex-Code zu kopieren. Klicken Sie an eine beliebige Stelle im Bild, um dort die genaue Pixelfarbe zu wählen, oder nutzen Sie die native Pipette (in Chromium-basierten Browsern verfügbar), um eine beliebige Farbe auf Ihrem Bildschirm aufzunehmen. Gewählte Farben werden zusammen mit den extrahierten in den Export aufgenommen.

Exportieren Sie als CSS-Variablen, Tailwind-v3/v4-Snippets, JSON oder als PNG-Streifen mit Farbfeldern. Das Bild wird lokal auf Ihrem Gerät dekodiert und nie hochgeladen.

So verwenden Sie es

  1. 1Fügen Sie ein Bild hinzu (PNG, JPG, WebP, GIF, AVIF oder SVG).
  2. 2Legen Sie mit dem Schieberegler fest, wie viele dominante Farben extrahiert werden sollen.
  3. 3Klicken Sie auf ein Farbfeld, um den Hex-Code zu kopieren.
  4. 4Klicken Sie ins Bild oder nutzen Sie die Pipette, um bestimmte Farben aufzunehmen.
  5. 5Exportieren Sie das Ergebnis im gewünschten Format.

Unterstützte Formate

Eingabe: PNG, JPG, WebP, GIF (erstes Einzelbild), AVIF und SVG. Ausgabe: CSS, Tailwind, JSON und PNG.

Datenschutz

Dieses Tool läuft in Ihrem Browser. Die von Ihnen eingegebenen Daten werden auf Ihrem Gerät verarbeitet und nicht an unsere Server gesendet.

Einschränkungen

  • Dominante Farben sind Mittelwerte ähnlicher Pixel und stimmen daher möglicherweise mit keinem einzelnen Pixel genau überein. Nutzen Sie für exakte Werte die Pipette.
  • Sehr kleine Akzentfarben können mit einer größeren Nachbarfarbe verschmelzen, wenn Sie wenige Farben anfordern.
  • Die native Pipette ist in Firefox und Safari nicht verfügbar. Das Klicken ins Bild funktioniert überall.
  • Es findet kein Farbmanagement statt: Die Werte entsprechen dem, was der Browser dekodiert (sRGB).

FAQ

Wie werden die Farben ausgewählt?

Die Pixel werden in Gruppen ähnlicher Farben eingeteilt und anschließend per k-Means-Clustering verfeinert. Das Ergebnis ist die Durchschnittsfarbe jedes Clusters und der Prozentanteil der Pixel, den es abdeckt.

Warum liefert dasselbe Bild immer dieselben Farben?

Der Algorithmus verwendet einen festen Startwert, daher sind die Ergebnisse reproduzierbar. Wenn Sie die Anzahl der Farben ändern, ändert sich auch das Clustering.

Funktioniert es mit transparenten PNGs?

Ja. Vollständig oder weitgehend transparente Pixel werden ignoriert, sodass sie nicht als Schwarz oder Weiß in der Palette auftauchen.

Wird mein Bild hochgeladen?

Nein. Es wird in Ihrem Browser dekodiert und analysiert.

Ähnliche Tools