Bild-Werkzeug / 25

Farbpalette-Extraktor

Extrahiere die dominanten Farben aus einem Bild als HEX- und RGB-Werte, sortiert nach dem Anteil, den sie am Bild ausmachen.

Farbpalette-Extraktor: TOEA tastet das Bild ab, gruppiert seine Farben mit einer Median-Cut-Quantisierung und gibt dann die Durchschnittsfarbe jeder Gruppe zusammen mit dem Anteil am Bild aus, den sie einnimmt. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.

Kategorie
Bildwerkzeuge
Ausführungen
In deinem Browser
Kosten
Kostenlos · ohne Anmeldung
Verfügbarkeit
Einsatzbereit
Arbeitsbereich PalettenextraktionLokale Verarbeitung

Läuft vollständig in deinem Browser

↥
Bild auswählen

PNG, JPG oder WebP · bis 30 MB

Warum die Farbpalette eines Fotos gedämpft wirkt

Jede Farbe ist der Durchschnitt der Pixel in ihrer Gruppe, und durch die Mittelwertbildung verschieben sich Farben in Richtung Grau. Ein Sonnenuntergang mit wenigen kräftig orangefarbenen Pixeln zwischen vielen dunkleren kann daher ein matteres Orange ergeben, als das Auge in Erinnerung hat. Kanten mit Antialiasing und Farbverläufe erzeugen Zwischenfarben, die einen eigenen Platz in der Palette belegen können. Für eine exakte Markenfarbe aus einem Logo nimm mit der Bildpipette einen flachen Bereich auf oder übernimm sie aus dem ursprünglichen SVG oder Styleguide.

Von der Palette zum Farbschema

Betrachte eine extrahierte Palette als Rohmaterial. Die dominanten Farben mit geringer Sättigung eignen sich meist für Hintergründe und große Flächen. Die wenigen stark gesättigten Farben sind bessere Akzentfarben und eignen sich für Schaltflächen. Prüfe vor der Verwendung für Text die Farbkombination mit dem Kontrastprüfer. WCAG verlangt für Fließtext mindestens 4,5:1. Aus Fotos übernommene Farben müssen dafür oft abgedunkelt oder aufgehellt werden.

So benutzt du es

  1. Wähle ein Bild.
  2. Wähle, wie viele Farben du willst.
  3. Kopiere die HEX-Werte.

Datenschutz & Einschränkungen

Das Bild wird in deinem Browser eingelesen und nie hochgeladen. Vor der Analyse wird es herunterskaliert, damit auch große Fotos flüssig bleiben.

Ähnliche Tools

Häufige Fragen

Wie werden die Farben ausgewählt?

Die Farben werden wiederholt entlang des Kanals mit der größten Variation in Gruppen aufgeteilt, sodass die Auflösung dort landet, wo das Bild sich tatsächlich ändert, statt auf einer gleichmäßigen Hintergrundfläche.

Was bedeutet der Prozentsatz?

Den Anteil der abgetasteten Pixel, die zu dieser Farbgruppe gehören, daher steht die dominante Farbe zuerst.

Sind die Werte exakt?

Jeder Eintrag ist der Durchschnitt der echten Pixel in seiner Gruppe, daher gibt eine gleichmäßige Fläche ihre exakte Farbe an statt nur eines ähnlichen Werts.

Warum erhalte ich weniger Farben als angefordert?

Das Bild enthält weniger unterschiedliche Farben als die angeforderte Zahl. Es wird nur das ausgegeben, was tatsächlich vorhanden ist.

Kostenloses Tool · läuft in deinem browser · kein Konto nötig