← Blog
5 Min. Lesezeit

Hintergrundfarbe wählen mit Farbsehschwäche

Der Freisteller ist leicht – die Farbe dahinter kannst du nicht per Auge prüfen. Lies Hex-Codes statt Farbfelder, lass Helligkeit trennen, leg fünf Töne fest.

  • colour blindness
  • accessibility
  • product photography
  • background colour
  • hex codes
  • contrast
  • ecommerce
Hintergrundfarbe wählen mit Farbsehschwäche

Der Freisteller ist der leichte Teil. Du lädst das Foto hoch, das Produkt löst sich sauber heraus, und dann musst du die eine Frage beantworten, die du nicht mit dem Auge prüfen kannst: Welche Farbe kommt dahinter? Liegst du daneben, versinkt eine rostorangene Tasse in einem olivfarbenen Hintergrund, oder eine hellbraune Handtasche wirkt auf Beige wie ein diffuser Fleck.

Das kommt häufig genug vor, um es von vornherein einzuplanen. Das National Eye Institute beziffert die Farbsehschwäche auf etwa 1 von 12 Männern, wobei Rot-Grün die häufigste Form ist. Das NEI beschreibt die Deuteranomalie, den häufigsten Typ, so: Bestimmte Grünnuancen wirken röter. Bei der Protanomalie wirken bestimmte Rotnuancen grüner und weniger hell. Die seltenere Tritanomalie lässt Blau gegen Grün verschwimmen.

Die Lösung ist nicht, sich stärker zu konzentrieren. Sie besteht darin, die eigenen Augen nicht länger als Messinstrument zu benutzen und sich auf zwei Dinge zu stützen, die nicht lügen: Zahlen, die du lesen kannst, und Helligkeit.

Arbeite mit Hex-Codes, nie mit dem Farbfeld-Raster

Eine Farbe nach Augenmaß zu wählen, verlangt genau in dem Bereich ein feines Farbton-Urteil, in dem deines unzuverlässig ist – und hinterher bekommst du keine Rückmeldung. Ein aufgeschriebener Hex-Code dagegen sind sechs Zeichen, die du rechnerisch prüfen kannst.

Eine Nahaufnahme von Farbkarten, in Reihen aus Grün, Salbei und blassem Graugrün ausgelegt, jede Karte mit einem gedruckten Referenzcode neben ihrem Marketingnamen.

Ein Hex-Code besteht aus drei Kanalwerten, hintereinander geschrieben – erst Rot, dann Grün, dann Blau –, jeder davon ein Zeichenpaar von 00 (nichts) bis FF (voll). Bei #8A8A8A sind alle drei gleich, es ist also ein echtes neutrales Grau. In #F5F0E8 liegt der Blaukanal niedriger als Rot und Grün – genau das bedeutet „warm“. Daher die klassische Falle: ein Farbfeld mit der Bezeichnung „Hellgrau“, das in Wahrheit ein warmes Putty ist – und Putty frisst still und leise ein beiges, cremefarbenes oder camelfarbenes Produkt.

Im Editor von remover.bg kannst du eine eigene Hintergrundfarbe setzen, nicht nur Voreinstellungen. Führ also eine einfache Textdatei mit freigegebenen Werten und arbeite mit dieser Liste, statt ein Farbfeld zu beurteilen. Freistellen und Ersetzen laufen sowohl in der Web-App als auch in der mobilen App, du bist also nicht an ein Gerät gebunden.

Die Paare, die immer wieder danebengehen

Verbanne diese Kombinationen pauschal aus deiner Palette, statt sie von Fall zu Fall zu beurteilen:

  • Rote, rostfarbene oder Terrakotta-Produkte auf olivfarbenen, salbeigrünen oder khakifarbenen Hintergründen
  • Braunes, hellbraunes, camel- oder cognacfarbenes Leder auf Beige, Kraftpapier oder Haferbeige
  • Rosa und lachsfarbene Artikel auf hellen, warmen Grautönen, wo die Protanomalie zusätzlich die wahrgenommene Helligkeit senkt
  • Alles Grüne, das mit Laub fotografiert wurde oder bei dem noch eine Pflanze als Requisite im Ersatzhintergrund steht
  • Petrol gegen Grau und Blau gegen Grün, wenn deine Farbsehschwäche in der Blau-Gelb-Richtung liegt – und Violett gegen Blau, wenn sie im Rot-Grün-Bereich liegt, denn der Rotanteil von Violett ist genau der Teil, der wegfällt

Diese Paare scheitern am Farbton und liegen bei ähnlicher Helligkeit, und genau das macht sie gefährlich. Ein rotes Produkt auf einem deutlich dunkleren Grün hebt sich weiterhin problemlos ab.

Helligkeit ist der Kanal, dem du weiter vertrauen kannst

Das Understanding-Dokument des W3C zum WCAG-2.2-Erfolgskriterium 1.4.3 sagt es unmissverständlich: Kontrastverhältnisse werden aus der relativen Leuchtdichte berechnet und nicht aus dem Farbton, und „die Unfähigkeit, bestimmte Farbnuancen zu unterscheiden, beeinträchtigt die Wahrnehmung von Hell-Dunkel-Kontrast nicht“. Diese Leitlinie ist für Text geschrieben, aber die Physiologie dahinter ist dieselbe, die darüber entscheidet, ob sich deine Produktkante vom Hintergrund abhebt.

Eine blasse Keramikvase mit Krakelee-Glasur, vor einem fast schwarzen Hintergrund beleuchtet; ihre Silhouette hebt sich rein über die Helligkeit ab, fast ohne Farbe.

Lass also die Helligkeit die Entscheidung tragen: helles Produkt auf dunklem Hintergrund, dunkles Produkt auf hellem, Mittelton auf einem der beiden Extreme, aber nie auf einem anderen Mittelton. Prüf es selbst – öffne das fertige Bild im Fotoeditor deines Handys, zieh die Sättigung ganz herunter und schau hin. Wenn die Kante ohne Farbe immer noch deutlich ist, ist sie es auch für Käufer.

Ein Schlagschatten hilft ebenfalls: Er legt ein dunkles Band unter das Produkt, das vom Farbton des Hintergrunds unabhängig ist – wie du dabei die Richtung über eine ganze Serie hinweg konsistent hältst, steht unter realistische Schatten für Freisteller.

Bau die Palette einmal und hör auf zu entscheiden

Leg diese fünf fest, dann triffst du die Entscheidung nie wieder:

  1. #FFFFFF reines Weiß, für Marktplatz-Listings, die es verlangen
  2. #F2F2F2 fast weißes Grau, für weiße und cremefarbene Produkte, die auf reinem Weiß verschwinden würden
  3. #8A8A8A mittleres Grau, nur für sehr helle oder sehr dunkle Produkte
  4. #1C1C1C Fast-Schwarz, für blasse Keramik, Glaswaren und helle Verpackungen
  5. Eine Markenfarbe, deren Hex-Wert an dem Tag schriftlich festgehalten wird, an dem jemand sie auswählt

Exportiere transparent für alles, was auf eine farbige Seite oder ein bedrucktes Objekt kommt; damit umgehst du die Frage komplett – der Beitrag Hintergrund transparent machen: PNG in Sekunden erklärt, wann das die richtige Wahl ist.

Frag einmal eine Person, dann schreib es auf

Vereinbare fünfzehn Minuten mit einer Person, deren Farbsehen du vertraust, an deinem Schreibtisch, die Produkte vor dir. Frag zu jedem Artikel zwei Dinge: Hebt sich die Kante ab, und ist dieses „Neutral“ wirklich neutral. Halte die Antworten als Hex-Codes fest, an Kategorien gebunden – „Lederwaren: #1C1C1C“ –, niemals als Adjektive wie „das Weiche“. Adjektive zwingen dich, das Urteil jedes Mal neu zu fällen; Hex-Codes nicht.

Zwei Personen beugen sich über einen Schreibtisch voller gedruckter Farbmusterkarten und eines Farbfächers; eine zeigt auf eine Karte, während die andere umblättert.

Bewahr die Liste dort auf, wo du daraus einfügst, nicht dort, wo du sie nachschlägst. Wenn du später einen eigenen Look um eine individuelle Farbe herum aufbaust, gilt individuelle Hintergründe: die Zukunft der Produktfotos weiterhin – du kommst nur über die Aufzeichnung zur Farbe statt über das Auge.

Entscheide einmal, schriftlich

Eine Farbsehschwäche hindert dich nicht daran, einen einheitlichen Katalog zu produzieren. Improvisieren schon. Fünf schriftlich festgehaltene Hex-Werte, eine Helligkeitsregel, die du in Graustufen überprüfen kannst, und ein protokolliertes Gespräch sind mehr wert, als den Hintergrund jeden Dienstag nach Gefühl zu wählen.

Weiterlesen