Farbpaletten aus Bildern: Methoden, Farbsysteme und Werkzeuge für die Praxis

Wer mit Farbe arbeitet, kennt diesen Moment: Ein Foto, eine Skizze oder ein Gemälde trägt genau die Stimmung, die ein neues Projekt braucht. Doch wie übersetzt man diese Stimmung in eine verbindliche Palette, die sich anschließend in einem Buchcover, einer Wandfarbe, einem Logo oder einer Innenraumplanung zuverlässig reproduzieren lässt?

Die Antwort liegt selten in einer einzigen Augenfarbe und auch nicht im automatischen Filter einer App. Sie liegt in einer Kombination aus Beobachtung, einem geeigneten Farbsystem und einem Werkzeug, das beides verbindet.

Dieser Beitrag fasst zusammen, welche Methoden heute in Studios, Werkstätten und Designbüros eingesetzt werden, um Farben aus einer Vorlage zu gewinnen. Es wird erläutert, in welchen Systemen sich diese Farben verbindlich notieren lassen und worauf bei der Übertragung in Druck, Wandfarbe oder digitalen Bildschirm zu achten ist. Ziel ist eine sachliche Übersicht, die sowohl für Anfänger als auch für erfahrene Praktiker hilfreich ist.

Drei Wege, eine Palette aus einem Bild zu gewinnen

1. Manuelle Pipette

Die klassische Methode besteht darin, einzelne Pixel mit einer Pipette aus einem Foto zu greifen. Sie ist präzise, aber langsam und stark von der Auflösung sowie vom Farbprofil der Vorlage abhängig. Ein JPG aus einer Smartphone-Kamera enthält bereits eine Reihe von Verarbeitungsschritten, darunter Weißabgleich, Kontrastanpassung und Schärfung. Eine Pipette zeigt also die vom Sensor und der Software interpretierte Farbe, nicht zwingend den Eindruck vor Ort.

Sinnvoll ist die Pipette dort, wo es um eine konkrete Stelle in der Vorlage geht: das Auge einer Porträtierten, ein bestimmter Pinselstrich auf einer Leinwand, ein spezifischer Stoffstreifen in einer Materialcollage. Für ganze Stimmungen ist sie weniger geeignet.

2. Dominante Farben über K-Means-Clustering

Soll aus einem Bild eine kompakte Palette von fünf, zehn oder fünfzehn Farben gewonnen werden, hat sich K-Means-Clustering durchgesetzt. Der Algorithmus gruppiert die Pixel im Farbraum (meist LAB oder OKLCH) in eine vorgegebene Anzahl von Klassen und gibt deren Mittelwerte aus. Das Ergebnis ist eine statistisch repräsentative Palette, die umfangreichere zusammenhängende Farbflächen bevorzugt.

K-Means ist schnell und gut nachvollziehbar, hat aber eine bekannte Schwäche: Es behandelt jedes Pixel gleich. Ein blauer Himmel, der zwei Drittel des Bildes ausfüllt, dominiert das Ergebnis, selbst wenn das eigentliche Motiv ein leuchtend roter Mantel im Vordergrund ist.

3. Saliency-basierte Extraktion

Neuere Werkzeuge trennen deshalb zwischen Bildvordergrund und Bildhintergrund, bevor sie clustern. Saliency-Karten gewichten Pixel danach, wie stark sie das Auge auf sich ziehen: Kanten, Kontraste, Gesichter und sehr bunte Bereiche werden bevorzugt. Auf einem Foto einer Marktszene gewinnt der Beobachter zuerst die fünf wichtigsten Farben des Vordergrunds (zum Beispiel das Obst, die Kleidung der Händler, die Markisen), danach zehn Farben des Hintergrunds (Pflasterstein, Mauern, Himmel).

Für Mood-Boards, Branding-Recherchen und für die Vorbereitung einer Wandfarbe ist die Saliency-Methode oft die hilfreichste, weil sie die Frage „Welche Farben prägen meinen Bildeindruck?” direkter beantwortet als reine Häufigkeit.

Welches Farbsystem für welchen Anlass?

Eine HEX-Notation wie #7A6A55 ist eindeutig auf dem Bildschirm. In der physischen Welt sagt sie jedoch wenig aus. Ein Tischler, eine Malerin oder ein Industriedesigner braucht eine Brücke in ein System, das mit Mustertafeln, Pigmenten oder Lacken verbunden ist.

Die wesentlichsten Systeme im Überblick:

• RAL Classic / RAL Design: Das in Deutschland am weitesten verbreitete System für Lacke, Beschichtungen, Industriefarben und Wandanstriche. RAL Classic enthält 213 Farben, RAL Design rund 1.825. Pflicht im Bau- und Innenraumbereich.
• NCS (Natural Colour System): Skandinavische Tradition, stark in der Architekturlehre. Beschreibt Farben über Schwarz-, Weiß- und Buntanteil sowie Farbton. Sehr nützlich, wenn man systematisch Tönungen und Sättigungen vergleichen will.
• Munsell: Akademisches System mit Farbton, Helligkeit (Value) und Sättigung (Chroma). Standard in der Farbforschung, Bodenkunde, Restaurierung und im US-amerikanischen Schulwesen.
• HKS: Vor allem im deutschsprachigen Druck verbreitet, von vielen Verlagen und Druckereien als Sonderfarbe akzeptiert.
• Pantone-Äquivalent: Internationaler Standard für Sonderfarben in Druck und Mode. Wer mit einer Druckerei oder einer Textilmanufaktur spricht, kommt selten ohne aus.
• Federal Standard 595: Ursprünglich für US-Militär entwickelt, heute oft Referenz für historisch korrekte Modellfarben, Vintage-Restaurierung und Spezialbeschichtungen.
• OKLCH: Moderner, perceptual gleichabständiger Farbraum, der zunehmend im Webdesign zum Standard wird, weil er gleichmäßige Helligkeits- und Sättigungsschritte erzeugt.

Ein verbindlicher Übergang vom Bildschirmwert in eines dieser Systeme ist nur über einen Farbabstandsalgorithmus möglich. ΔE 2000 hat sich als verlässlicher Maßstab durchgesetzt: Werte unter 1 gelten als praktisch nicht unterscheidbar, Werte zwischen 1 und 2,3 als gerade noch wahrnehmbar, Werte darüber als sichtbare Abweichung. Wer eine Wandfarbe oder einen Lack auf Basis einer Bildschirmreferenz wählt, sollte den ΔE-Wert seines Treffers kennen.

Vom Bildschirm in die Realität: Print, Gamut und Lichtkontext

Ein gesättigtes Cyan oder ein leuchtendes Limettengrün kann auf einem modernen Display brillant wirken und sich im Vierfarbdruck (CMYK) in einen blassen, ungewollt verschobenen Ton verwandeln. Der Grund ist der eingeschränkte Druckfarbraum. Eine ehrliche Palettenplanung berücksichtigt deshalb vor dem ersten Probedruck, welche Werte den CMYK-Gamut verlassen, und ersetzt sie früh durch erreichbare Alternativen.

Zweite Stolperfalle ist die Beleuchtung. Eine Farbe, die unter D65 (Tageslicht, etwa 6500 Kelvin) perfekt aussieht, kann unter D50 (Druckereistandard, etwa 5000 Kelvin) anders wirken. Unter Glühlicht (Standard A) verschieben sich kühle Töne deutlich. Metamerische Paare sind Farben, die unter einer Lichtquelle identisch wirken und unter einer anderen auseinanderlaufen. Wer ein Restaurant, ein Museum oder eine Wohnung plant, sollte mindestens zwei Lichtsituationen durchspielen.

Harmonien als Ausgangspunkt

Eine extrahierte Palette ist selten die endgültige. Sie dient oft als Hauptfarbe, aus der dann eine Komposition entwickelt wird. Klassische Harmonien helfen beim Aufbau:

• Komplementär: Hauptfarbe plus deren Gegenüber im Farbkreis. Maximaler Kontrast, gut für Akzente.
• Analog: Drei Nachbarn im Farbkreis. Ruhig, harmonisch, oft für Landschaftsmalerei und Markenwelten.
• Triadisch: Drei Farben im gleichen Abstand. Lebendig, ausgewogen.
• Split-komplementär: Eine Hauptfarbe mit den beiden Nachbarn ihres Komplementärs. Weicher Kontrast.
• Tetradisch und Quadrat: Vier Farben für komplexere Kompositionen, bei denen eine als Anker und drei als Akzente fungieren.

Wer im OKLCH-Raum rechnet, erhält gleichmäßige Helligkeits- und Sättigungsschritte. Das ist besonders im UI-Design hilfreich, weil so Buttons, Hintergründe und Text in einer nachvollziehbaren Beziehung zueinander stehen.

Werkzeuge, die diese Methoden in der Praxis verbinden

Es gibt mittlerweile eine ganze Reihe von Programmen, die Farbentnahme, Cross-System-Match und Harmonien in einem Schritt verbinden. Stellvertretend für diese Kategorie sei Shademix genannt, ein kostenloses Werkzeug, das ohne Anmeldung läuft und nichts vom Endgerät überträgt. Es funktioniert im Browser, als iPhone-, iPad- und Mac-App sowie als Browser-Erweiterung und Figma-Plugin. Die einzelnen Bausteine zeigen, wie die oben beschriebenen Methoden zusammenspielen.

Web-App und mobile Apps. In der Hauptanwendung lädt man ein Bild und erhält in einem Schritt fünfzehn dominante Farben, davon fünf aus dem Bildvordergrund über die Saliency-Methode und zehn aus dem Hintergrund. Jeder Farbwert lässt sich anschließend in HEX, RGB, HSL, HSV, CMYK, LAB, OKLCH und ein Pantone-Äquivalent umrechnen. Über die Cross-System-Suche findet man die nächste RAL-, NCS-, Munsell-, HKS- oder Federal-Standard-595-Entsprechung über ΔE 2000.

Browser-Erweiterung. Die Chrome-Erweiterung stellt eine Pipette zur Verfügung, mit der sich Farben direkt aus jedem geöffneten Tab greifen lassen. Inspirationsquellen wie Pinterest, Behance oder Online-Shops müssen also nicht erst heruntergeladen werden, um eine Farbe zu untersuchen. Die Erweiterung speichert die letzten Auswahlen lokal und überträgt keine Daten an externe Server.

Figma-Plugin. Wer im UI- oder Branding-Bereich arbeitet, kann die Brücke direkt im eigenen Workflow nutzen. Das Figma-Plugin bietet Bild-Extraktion mit fünfzehn Farben pro Vorlage, einen Cross-System-Match nach RAL, NCS, Munsell, HKS, Federal Standard 595 und Pantone-Äquivalent sowie OKLCH-Harmonien. Aus einer Auswahl von Ebenen lassen sich die verwendeten Farben in einem Klick übergeben. Eine aus Shademix exportierte JSON-Datei kann das Plugin in native Figma-Farbstile umwandeln.

Begleitend zu diesen Bausteinen pflegt das Projekt eine ausführliche, mehrsprachige Dokumentation auf shademix.app, darunter eine deutsche Anleitung als PDF und Einzelseiten zu jedem Werkzeug. Wer eines der beschriebenen Verfahren ausprobieren möchte, findet dort einen geeigneten Einstieg.

Ein praktischer Workflow vom Foto zur Palette

Die folgende Reihenfolge hat sich bei vielen Studios bewährt:

1. Bildauswahl: Eine möglichst rohe Vorlage wählen. JPEG mit starker Nachbearbeitung verfälscht die Palette. Eine RAW- oder TIFF-Variante ist ideal, ein gut belichtetes JPG mit sRGB-Profil reicht oft aus.
2. Extraktion: Saliency-basierte Methode, fünfzehn Farben oder weniger, je nach Komplexität.
3. Hauptfarbe festlegen: Aus der extrahierten Auswahl jene Farbe markieren, die die Stimmung trägt. Diese wird Ankerpunkt für die spätere Harmonie.
4. Cross-System-Match: Für jede beibehaltene Farbe den nächsten Treffer in dem System suchen, das im Folgeprozess gebraucht wird (RAL für Wandfarbe, HKS oder Pantone für Druck, NCS für architektonische Spezifikation).
5. Gamut-Check: Wenn das Ergebnis in den Druck geht, eine CMYK-Vorschau anwerfen und Out-of-Gamut-Werte ersetzen.
6. Harmonien ableiten: Aus der Hauptfarbe Komplementäre, Analoge oder Triaden generieren und als Akzente einsetzen.
7. Lichttest: Die Palette mindestens unter zwei verschiedenen Lichtsituationen prüfen. Bildschirmsimulation oder physisches Aufhängen einer Probe.
8. Export: In einem Format, das die nächste Station versteht. Designer-Tools nehmen oft ASE, Procreate eigene .swatches, Druckereien meist HEX-Listen mit zugeordneten Sonderfarben, Maler eine RAL- oder NCS-Liste.

Wer diese Reihenfolge einhält, vermeidet die typischen späten Überraschungen: eine vor Ort nicht erhältliche Wandfarbe, einen ausgeblichenen Druck, eine UI, die unter Tageslicht plötzlich anders wirkt.

Worauf bei jeder Farbentnahme zu achten ist

Drei Punkte werden in der Eile oft vergessen.

Erstens das Bildschirmprofil. Ein unkalibrierter Laptop zeigt unter Umständen alle Töne in eine Richtung verschoben. Wenn die Palette an Druckereien oder Lackierer weitergegeben wird, sollte der eigene Bildschirm zumindest auf ein bekanntes Profil eingestellt sein. Eine günstige Sonde reicht für Hobby- und Studio-Einsatz aus.

Zweitens die Datenherkunft. Eine Palette, die auf Basis eines komprimierten Online-Bildes entstanden ist, kann nicht alle Nuancen des Originals enthalten. Wenn das Original verfügbar ist, lohnt sich der zusätzliche Schritt, es heranzuziehen.

Drittens die menschliche Prüfung. Algorithmen erkennen statistisch dominante Bereiche, aber nicht jeden Bildinhalt. Eine kleine Akzentfarbe, die ein Bild emotional trägt, kann in einem K-Means-Cluster verlorengehen. Die endgültige Auswahl gehört in die Hand des Gestalters, nicht in die der Software.

Fazit

Eine erstklassige Palette entsteht nicht durch Zufall und auch nicht durch einen einzigen Filter. Sie ist das Ergebnis einer bewussten Entscheidung über die Methode der Extraktion, das Zielsystem und die nachfolgenden Schritte in Druck, Wandfarbe oder Bildschirm. Wer diese drei Ebenen sauber trennt und dabei mit Werkzeugen arbeitet, die offen, kostenfrei und datenschutzfreundlich sind, gewinnt Verlässlichkeit für sich und Klarheit gegenüber Kunden und Werkstätten. Farbe bleibt damit das, was sie sein soll: ein Gestaltungsmittel, kein Glücksspiel.

---

Über den Autor: Der Beitrag entstand im Umfeld des Projekts Shademix, einer kostenfreien Farbwerkzeug-Reihe für Web, iOS, iPadOS, macOS, Chrome und Figma. Mehr Informationen, Anleitungen und Beispiele finden sich auf shademix.app.