Farbenblindheit-Simulator

Kostenloses Tool, das simuliert, wie eine Farbe für Menschen mit Protanopie, Deuteranopie oder Tritanopie (Farbsehschwäche) erscheint.

Die drei Arten der Farbsehschwäche

Typ Bezeichnung Merkmale
Protanopie Rotblindheit (L-Zapfen-Defekt) Die rotempfindlichen Zapfen funktionieren anders, wodurch Rot und Grün schwerer zu unterscheiden sind.
Deuteranopie Grünblindheit (M-Zapfen-Defekt) Die grünempfindlichen Zapfen funktionieren anders, wodurch Rot und Grün schwerer zu unterscheiden sind. Die häufigste Form der Farbsehschwäche.
Tritanopie Blaublindheit (S-Zapfen-Defekt) Die blauempfindlichen Zapfen funktionieren anders, wodurch Blau und Gelb schwerer zu unterscheiden sind. Sehr selten.

Was ist der Farbenblindheit-Simulator?

Dieses Tool simuliert kostenlos, wie eine einzelne von Ihnen gewählte Farbe für Menschen mit Farbsehschwäche (umgangssprachlich oft als Farbenblindheit bezeichnet) erscheint – unterteilt in die drei Typen Protanopie (Rotblindheit), Deuteranopie (Grünblindheit) und Tritanopie (Blaublindheit). Wählen Sie einfach eine Farbe im Farbwähler aus oder geben Sie einen Hex-Code ein, und die Wahrnehmung für alle drei Typen wird sofort nebeneinander angezeigt, sodass Sie ohne Vorwissen über die medizinischen Hintergründe direkt sehen, wie stark sich die Farbe je nach Typ verändert.

Bei der Gestaltung von Websites, Apps, Präsentationen oder Karten ist es aus Sicht der Barrierefreiheit wichtig, frühzeitig zu erkennen, welche Farbkombinationen – etwa Rot und Grün – für Menschen mit Farbsehschwäche schwer zu unterscheiden sind. Da diese Eigenschaft weltweit einen erheblichen Anteil der Bevölkerung betrifft, kann eine Gestaltung, die sich ausschließlich auf Farbe verlässt, einen Teil des Publikums von wichtigen Informationen ausschließen. Beachten Sie jedoch, dass die hier verwendete Umrechnung auf einer vereinfachten Näherung nach Brettel und Viénot beruht und die tatsächliche, individuell unterschiedliche Wahrnehmung nicht medizinisch exakt wiedergibt.

So verwenden Sie den Farbsehschwäche-Simulator

  1. Zu prüfende Farbe auswählen Klicken Sie auf den Farbwähler oder geben Sie direkt einen Hex-Code ein (zum Beispiel #ff0000).
  2. Die drei Simulationsergebnisse ansehen Die Wahrnehmung der eingegebenen Farbe bei Protanopie, Deuteranopie und Tritanopie wird automatisch nebeneinander dargestellt.
  3. Weitere Farben zum Vergleich testen Geben Sie andere Farben ein, um zu sehen, wie sich die Unterscheidbarkeit je nach Farbkombination verändert.
  4. Ergebnis in die Farbgestaltung einfließen lassen Finden Sie schwer unterscheidbare Kombinationen, prüfen Sie Helligkeitsunterschiede oder die zusätzliche Nutzung von Icons und Textbeschriftungen.

Tipps für die Nutzung

  • Wählen Sie eine Farbe im Farbwähler oder geben Sie einen Hex-Code ein, um sofort zu sehen, wie sie bei Protanopie, Deuteranopie und Tritanopie wahrgenommen wird.
  • Nutzen Sie dieses Tool vor der Veröffentlichung eines Designs, um zu prüfen, ob Ihre Farbpalette für Menschen mit Farbsehschwäche unterscheidbar bleibt.
  • Kombinationen aus Rot und Grün sind besonders schwer zu unterscheiden, daher lohnt sich eine Prüfung von Diagrammen und Karten, die auf dieser Farbpaarung beruhen.
  • Die Simulation ist eine vereinfachte Annäherung. Bei kritischen Barrierefreiheits-Entscheidungen sollten zusätzlich spezialisierte Tools und echte Nutzertests eingesetzt werden.

Anwendungsbeispiele

Farbprüfung im Webdesign

Prüfen Sie vor der Veröffentlichung, ob Schaltflächen, Diagramme oder Fehleranzeigen Informationen ausschließlich über Farbe vermitteln.

Farbkontrolle für Präsentationen und Diagramme

Die in Kreis- oder Balkendiagrammen häufig genutzte Kombination aus Rot und Grün lässt sich vorab darauf prüfen, wie sie für Betrachter mit Farbsehschwäche wirkt.

Farbgestaltung von Karten und Liniennetzplänen

Karten, die Routen oder Zonen nur über Farbe unterscheiden, können schwer lesbar sein – das Ergebnis hilft bei der Entscheidung, ob zusätzliche Muster oder Beschriftungen nötig sind.

Schulung und Aufklärung zu Barrierefreiheit

Auch als anschauliches Lehrmittel geeignet, um anhand echter Farben zu vermitteln, wie sich Farbsehschwäche in der Praxis auswirkt.

Glossar

Farbsehschwäche
Sammelbegriff für die visuelle Eigenschaft, bei der bestimmte Farbkombinationen schwer zu unterscheiden sind. Sie entsteht durch unterschiedliche Empfindlichkeit der Zapfenzellen der Netzhaut und ist meist angeboren.
Protanopie (Rotblindheit)
Typ, bei dem die rotempfindlichen Zapfen anders funktionieren als üblich. Rot und Grün sind dadurch schwerer zu unterscheiden.
Deuteranopie (Grünblindheit)
Typ, bei dem die grünempfindlichen Zapfen anders funktionieren als üblich. Gilt als die häufigste Form der Farbsehschwäche.
Tritanopie (Blaublindheit)
Typ, bei dem die blauempfindlichen Zapfen anders funktionieren als üblich. Blau und Gelb sind dadurch schwerer zu unterscheiden, tritt aber sehr selten auf.
Zapfenzellen
Lichtempfindliche Sinneszellen der Netzhaut, die für das Farbsehen verantwortlich sind. Es gibt drei Arten, empfindlich für Rot, Grün und Blau, deren jeweilige Signalstärke im Gehirn zu einem Farbeindruck zusammengesetzt wird.
Brettel/Viénot-Modell
Ein weit verbreitetes mathematisches Modell zur Annäherung an die Farbwahrnehmung bei Farbsehschwäche. Auch die Simulation dieses Tools basiert darauf.
Ishihara-Test
Der bekannteste Farbsehtest, bestehend aus Farbtafeln mit versteckten Zahlen oder Formen zwischen bunten Punkten. Wird bis heute weltweit in Augenarztpraxen eingesetzt.

Häufig gestellte Fragen

Eine Farbsehschwäche ist eine visuelle Eigenschaft, bei der bestimmte Farbkombinationen schwer zu unterscheiden sind. Sie entsteht, wenn einer der drei Zapfentypen der Netzhaut (empfindlich für Rot, Grün oder Blau) anders reagiert als üblich, meist erblich bedingt. Schätzungen zufolge betrifft sie etwa 1 von 20 Männern und 1 von 500 Frauen japanischer Abstammung, mit ähnlichen oder höheren Raten weltweit.

Nein, es handelt sich nicht um ein medizinisches Diagnosewerkzeug. Dieser Simulator verwendet eine weit verbreitete, vereinfachte Näherungsmatrix auf Basis der Forschung von Brettel und Viénot, gedacht für Bildungs- und Designzwecke. Die tatsächliche Wahrnehmung unterscheidet sich von Person zu Person, weshalb eine augenärztliche Untersuchung für eine genaue Diagnose nötig ist.

Protanopie betrifft die rotempfindlichen Zapfen, Deuteranopie die grünempfindlichen Zapfen; beide erschweren die Unterscheidung von Rot und Grün. Tritanopie betrifft die blauempfindlichen Zapfen, tritt sehr selten auf und erschwert die Unterscheidung von Blau und Gelb.

Wenn Informationen nur über Farbe vermittelt werden (zum Beispiel ein Fehler, der nur durch roten Text angezeigt wird), erreichen diese Nutzer mit Farbsehschwäche möglicherweise nicht. Eine vorherige Prüfung per Simulation und die Kombination von Farbe mit Icons oder Textbeschriftungen führt zu einem Design, das für mehr Menschen funktioniert.
Tool-kun

Übrigens – Die Geschichte der Farbsehtests und des Ishihara-Tests

Farbsehschwäche betrifft schätzungsweise 1 von 20 Männern und 1 von 500 Frauen japanischer Abstammung, und manche Berichte deuten darauf hin, dass weltweit etwa 8 Prozent der Männer betroffen sind. Sie ist alles andere als selten: Statistisch gesehen gibt es in jedem Klassenzimmer oder Büro wahrscheinlich mindestens eine Person mit dieser Eigenschaft.

Der bekannteste Farbsehtest, der Ishihara-Test, wurde 1917 vom japanischen Augenarzt Shinobu Ishihara entwickelt. Die charakteristischen Farbtafeln, die Zahlen oder Formen zwischen bunten Punkten verstecken, wurden ursprünglich für das Farbsehscreening bei militärischen Musterungen entwickelt, und dasselbe Design wird über hundert Jahre später noch immer in Augenarztpraxen weltweit verwendet.

Auch im Web- und App-Design kann eine zu starke Abhängigkeit von Farbe – etwa ein Diagramm, das Bestehen oder Durchfallen nur über Rot und Grün zeigt, oder eine Karte, die Routen ausschließlich über Farbe unterscheidet – dazu führen, dass ein erheblicher Teil der Nutzer Informationen verpasst. Farbkombinationen vorab mit einer Simulation zu prüfen und sie mit Icons, Mustern oder Textbeschriftungen zu kombinieren, ist eine grundlegende Praxis inklusiven Designs, von der alle profitieren.