Farbenblindheits-Simulator
Laden Sie ein beliebiges Bild hoch und sehen Sie, wie es Menschen mit verschiedenen Formen der Farbsehschwäche erscheint. Die gesamte Verarbeitung erfolgt in Ihrem Browser – Ihr Bild wird nie an einen Server übertragen.
Bild hochladen
Aktiver Filter
Normal
Normales Farbsehen
Simulierte Ansicht
Ihr simuliertes Bild erscheint hier nach dem Hochladen.
Über diesen Farbenblindheits-Simulator
So funktioniert es
Dieser Simulator verwendet Farbtransformationsmatrizen nach den Arbeiten von Machado, Oliveira & Fernandes (2009), um die Farbe jedes Pixels so umzurechnen, wie sie einer Person mit der jeweiligen Farbsehschwäche erscheinen würde. Alle Berechnungen laufen lokal in Ihrem Browser über die HTML5-Canvas-API.
Wer dieses Werkzeug nutzt
Designerinnen, Designer und Entwicklungsteams prüfen damit, ob ihre Oberflächen, Infografiken, Diagramme oder Marketingmaterialien für die rund 300 Millionen Menschen weltweit mit einer Farbsehschwäche zugänglich sind. Besonders nützlich ist es für Prüfungen der WCAG-Barrierefreiheit.
Protanopie
~1%
Rotblindheit. Fehlende langwellige (L-)Zapfen.
Deuteranopie
~1%
Grünblindheit. Fehlende mittelwellige (M-)Zapfen.
Tritanopie
<0.01%
Blaublindheit. Fehlende kurzwellige (S-)Zapfen.
Achromatopsie
<0.003%
Vollständige Farbenblindheit. Wahrnehmung nur in Graustufen.
Wozu ein Simulator dient
Ein Farbsehsimulator ist ein Gestaltungswerkzeug, kein diagnostisches. Sie geben ihm ein Bild; er liefert eine Näherung dafür, welche Farbunterschiede eine bestimmte Störung überstehen und welche zusammenfallen. Der Wert liegt in den Zusammenbrüchen. Wenn zwei Elemente Ihrer Oberfläche Verschiedenes bedeuten und die Simulation sie in derselben Farbe zeigt, haben Sie einen Mangel gefunden, der einen erheblichen Teil Ihres Publikums betrifft.
Es lohnt, genau zu sein, was die Ausgabe nicht ist. Sie ist kein Fenster in jemandes subjektives Erleben. Wer eine angeborene Deuteranomalie hat, sieht die Welt seit Geburt so; die eigene Farbwahrnehmung ist für diese Person unauffällig, und in manchen Unterscheidungsaufgaben sind solche Menschen sogar besser als Trichromaten. Eine Simulation als „das, was sie sehen” auszugeben, ist ungenau und — wenn es den Zustand als Mangel rahmt — auch wenig hilfreich.
Was die Simulation tatsächlich zeigt, ist, wo Ihr Design von Information abhängt, die eine erhebliche Minderheit der Betrachter nicht erhält. Das ist eine technische Tatsache, mit der sich arbeiten lässt.
Das Modell hinter der Transformation
Einfache Simulatoren projizieren ein Bild auf die Farblinie, die ein Dichromat unterscheiden kann. Für die Dichromasie genügt das, für die weit häufigere anomale Trichromasie ist es falsch: Dort existiert der betroffene Zapfen mit verschobener spektraler Empfindlichkeit, und die Farbinformation wird komprimiert statt beseitigt.
Dieser Simulator folgt dem physiologisch begründeten Ansatz von Machado, Oliveira und Fernandes, der die Verschiebung der Zapfenempfindlichkeit direkt modelliert. Weil diese Verschiebung ein kontinuierlicher Parameter ist, deckt dasselbe Modell die gesamte Spanne ab — vom normalen Farbensehen über die leichte Anomalie bis zur vollen Dichromasie — statt sie als unverbundene Fälle zu behandeln.
Diese Unterscheidung zu verstehen verändert die Gestaltung. Die Deuteranopie — mittelwelliger Zapfen fehlt — ist der strenge Fall. Die Deuteranomalie — dieser Zapfen vorhanden, aber verschoben — ist der häufige Fall, betrifft weit mehr Menschen und erzeugt subtilere Fehler: Farben, die technisch unterscheidbar bleiben, sich aber in einem dichten Diagramm oder einem kleinen Bedienelement nicht mehr auf einen Blick trennen.
Die Ausgabe richtig nutzen
Laden Sie ein Bild, das echte Bedeutung über Farbe transportiert: ein Dashboard, ein Diagramm mit farbcodierter Legende, eine Karte, ein Formular mit roten Fehlerzuständen, ein Wegeleitdiagramm. Vergleichen Sie jede Simulation mit dem Original und stellen Sie jeder farbcodierten Unterscheidung eine Frage: Sagt das dem Betrachter noch, was er wissen muss?
Häufige Fehler, nach denen sich zu suchen lohnt:
- Rote und grüne Statusanzeigen, die zum selben stumpfen Ton werden. Das ist der verbreitetste Barrierefreiheitsmangel in Software.
- Kategoriale Diagrammpaletten, in denen benachbarte Reihen verschmelzen — besonders qualitative Paletten, die nach ästhetischer Vielfalt statt nach Wahrnehmungstrennung gewählt wurden.
- Sequenzielle Heatmaps, die durch Rot und Grün laufen und ihre Ordnung verlieren.
- Links, die sich nur durch Farbe vom Fließtext abheben und ganz verschwinden.
- Pflichtfeld- und Fehlerkennzeichnung, die allein von einem roten Rahmen getragen wird.
Die Lösung heißt fast nie „andere Farben nehmen”. Sie heißt: einen zweiten, nicht farblichen Hinweis ergänzen — eine Textbeschriftung, ein Symbol, eine Form, ein Füllmuster, eine Position, eine Unterstreichung. Farbe verstärkt die Bedeutung dann, statt sie allein zu tragen — genau das verlangt das WCAG-Kriterium zur Verwendung von Farbe.
Wo die Simulation unzuverlässig wird
Die Transformation wird auf die sRGB-Werte Ihres Bildes angewandt; ihre Genauigkeit ist also begrenzt davon, wie treu Ihr Bildschirm sRGB wiedergibt und ob das Ausgangsbild in diesem Raum angelegt war. Material mit weitem Farbraum, HDR-Inhalte und stark farbverwaltete Abläufe verschieben das Ergebnis.
Das Modell beschreibt zudem angeborene Störungen. Erworbene Farbsinnverluste — durch Glaukom, diabetische Retinopathie, Sehnerverkrankungen, Katarakt oder Medikamente — verhalten sich oft anders, betreffen die Augen häufig ungleich und gehen meist mit verminderter Sehschärfe oder Kontrastempfindlichkeit einher, die keine Farbtransformation erfasst.
Denken Sie schließlich daran, dass die Simulation nur eine Linse ist. Sie zeigt, welche Farbtöne verschmelzen; sie sagt nichts darüber, ob Ihr Text überhaupt genug Leuchtdichtekontrast für Lesbarkeit hat. Kombinieren Sie sie mit dem Kontrastprüfer.
Ausführlichere Hinweise finden Sie unter Gestalten für Farbenblindheit und Diagramme barrierefrei machen.
Haben Sie Fragen?
Häufig gestellte Fragen
Alles, was Sie über Farbenblindheitstests wissen müssen, wie sie funktionieren und was Sie mit Ihren Ergebnissen tun sollen.
Sehen farbenblinde Menschen das wirklich so?
Nein, und kein Simulator kann das leisten. Eine Simulation zeigt auf Ihrem normalsichtigen Bildschirm eine Näherung dafür, welche Information eine Störung übersteht. Die subjektive Erfahrung kann sie nicht wiedergeben. Wer mit einer Störung geboren wurde, kennt die Alternative nie — die eigenen Farben sind schlicht normal, und der eigene Alltag wirkt nicht wie eine ausgewaschene Fassung des Ihren. Nutzen Sie die Ausgabe, um zu finden, wo Ihr Design Information verliert, nicht um fremdes Erleben nachzuempfinden.
Welches Modell nutzt die Simulation?
Sie folgt dem physiologisch begründeten Ansatz von Machado, Oliveira und Fernandes, der die verschobene spektrale Empfindlichkeit des betroffenen Zapfentyps modelliert, statt Farben nur auf eine Gerade zu projizieren. Diese Unterscheidung ist wichtig für die anomale Trichromasie — Protanomalie und Deuteranomalie —, bei der der Zapfen vorhanden, aber verschoben ist und der Schweregrad kontinuierlich variiert.
Warum sehen Dichromasie und anomale Trichromasie so unterschiedlich aus?
Weil es unterschiedliche Zustände sind. Bei der Dichromasie fehlt eine Zapfenklasse ganz, die Farbinformation dieser Achse ist tatsächlich weg, und die Simulation lässt sie zusammenfallen. Bei der anomalen Trichromasie existiert der Zapfen mit verschobenem Maximum, die Information wird also komprimiert statt gelöscht. Die anomale Trichromasie ist weit häufiger — deshalb überzeichnet ein Design allein gegen die dichromatische Simulation das Problem an manchen Stellen und unterschätzt es an anderen.
Mein Diagramm bleibt in der Simulation lesbar. Bin ich fertig?
Noch nicht. Eine Simulation prüft, ob Farbtöne unterscheidbar bleiben, aber nicht die Kontrastverhältnisse, und sie erkennt nicht die Fälle, in denen Farbe der einzige Bedeutungsträger ist. Nutzen Sie zusätzlich den Kontrastprüfer und stellen Sie sicher, dass jede farbcodierte Unterscheidung einen zweiten Hinweis hat: Beschriftung, Muster, Form oder Position.
Lädt der Simulator mein Bild hoch?
Nein. Die Transformation läuft vollständig in Ihrem Browser über ein Canvas-Element. Das Bild verlässt Ihr Gerät nie und wird an keinen Server gesendet.
Gegen welchen Typ sollte ich gestalten?
Prüfen Sie zuerst die Deuteranomalie, da Deutan-Störungen mit Abstand am häufigsten sind, dann die Deuteranopie als strengeren Fall. Ergänzen Sie die Tritanopie, wenn Ihre Palette auf Blau-Gelb-Unterscheidungen beruht. Übersteht ein Design Deuteranopie und Tritanopie mit intakter Bedeutung, übersteht es in der Regel auch die leichteren Formen.
Haben Sie noch Fragen? Kontaktieren Sie uns →