Zum Hauptinhalt springen
Tooletto

Farbpalette aus einem Foto extrahieren

Eine Voreinstellung von Farbpaletten-Extraktor

Bauen Sie ein Farbschema aus einer Fotografie. Voreingestellt auf sechs Farben, was genug ist, um die Spannweite eines Fotos zu erfassen, ohne schwer unterscheidbare Fast-Duplikate in einem Design zu erzeugen.

  • Dateien verlassen niemals Ihr Gerät
  • Kostenlos, keine Anmeldung
  • Keine Wasserzeichen
  • Funktioniert nach dem Laden auch offline
Loading tool…

So verwenden Sie Farbpaletten-Extraktor

  1. 1

    Ein Bild hinzufügen

    Ein Foto, einen Screenshot oder ein Design einfügen — oder aus der Zwischenablage einfügen.

  2. 2

    Anzahl der Farben wählen

    Fünf oder sechs ist meist der Sweet Spot für eine nutzbare Palette.

  3. 3

    Werte kopieren

    Jede Farbe zeigt HEX und RGB, plus wie viel des Bildes sie abdeckt.

Ein Theme speziell aus einer Fotografie bauen

Eine Palette aus einer Fotografie zu extrahieren ist eine andere Aufgabe als aus einem Logo oder flachen Design, weil ein Foto kontinuierliche Beleuchtung und Schatten trägt statt einer kleinen Anzahl bewusster flacher Farben — dasselbe rote Hemd kann ein Dutzend subtil unterschiedlicher Farben über seine beleuchteten und schattierten Seiten liefern, bevor die Quantisierung sie wieder zusammenfasst. Sechs Farben sind genug Spielraum, um diese Spanne zu erfassen — ein paar dominante Töne, eine Stützfarbe, und ein oder zwei Akzente aus kleineren, aber visuell markanten Bereichen — ohne dass die Palette in sechs fast identische Töne desselben Farbtons kollabiert.

Eine so aus, sagen wir, einem Landschafts- oder Produktfoto gebaute Palette funktioniert meist gut als Ausgangspunkt für ein Website-Theme oder einen Designentwurf: Die häufigste Farbe (meist der größte Bereich wie Himmel oder Hintergrund) ist eine natürliche Hintergrund- oder dezente Oberflächenfarbe, und die kleineren Farben mit höherem Abdeckungsprozentsatz sind natürliche Akzent-Kandidaten, gerade weil der Algorithmus bereits Farben bevorzugt hat, die sich visuell vom Rest des Bildes abheben.

Es lohnt sich, den Abdeckungsprozentsatz zu prüfen, bevor eine Farbe einer bestimmten Rolle in einem Design zugewiesen wird: Eine Farbe, die 45% des Ausgangsfotos abdeckt, wirkt überwältigend, wenn sie als kleiner Akzent verwendet wird, während eine Farbe, die nur 3% abdeckt, verschwindet, wenn sie als große Hintergrundfläche verwendet wird. Den Abdeckungsanteil einer Farbe mit einer Rolle ähnlichen visuellen Gewichts im neuen Design abzugleichen liefert meist ein ausgewogeneres Ergebnis, als rein danach zu wählen, welche Farbe isoliert am schönsten aussieht.

Häufig gestellte Fragen

Wie werden die Farben ausgewählt?

Durch Median-Cut-Quantisierung — die Farben des Bildes werden entlang ihrer breitesten Achse wiederholt in Kästen aufgeteilt, bis die gewünschte Anzahl von Gruppen übrig bleibt, und der gewichtete Durchschnitt jeder Gruppe wird zu einer Farbe. Das ist derselbe Algorithmus, den GIF-Paletten verwenden, und er bevorzugt Farben sowohl nach Auffälligkeit als auch nach Häufigkeit.

Warum unterscheidet sich die Palette von dem, was ich sehe?

Weil das Auge sich auf das *Motiv* richtet, während der Algorithmus Pixel zählt. Ein Foto eines roten Autos auf Gras liefert überwiegend Grüntöne, weil das tatsächlich den Großteil des Bildes ausmacht. Auf den relevanten Teil zuzuschneiden liefert die erwartete Palette.

Was bedeutet der Prozentsatz?

Der Anteil der dieser Farbe zugewiesenen Pixel. Er ist ein guter Indikator für visuelles Gewicht — eine Farbe, die 40% des Bildes abdeckt, dominiert jedes aus der Palette gebaute Design, gehört also meist zu einem Hintergrund statt zu einem Akzent.

Werden transparente Bereiche einbezogen?

Nein. Vollständig transparente Pixel werden ausgeschlossen, daher liefert ein Logo auf transparentem Hintergrund die Farben des Logos statt zu Schwarz verzerrt zu werden.