Was ist Farbenblindheits-Simulator?

Der Farbblindsimulator zeigt Ihnen, wie Ihre Bilder und Farbpaletten für Menschen mit verschiedenen Formen von Farbsehschwäche aussehen. Testen Sie auf Protanopie, Deuteranopie, Tritanopie und Achromatopsie, um zu sehen, welche Farben bei der jeweiligen Form nicht mehr zu unterscheiden sind.

Der Simulator schickt jedes Pixel durch CVD-spezifische Matrizen (Modelle von Brettel und Machado), um die Wahrnehmung der acht häufigsten Sehschwächen anzunähern. Der «alle vergleichen»-Modus stellt jede Variante neben das Original, deutlich schneller als zwischen ihnen zu wechseln, wenn du ein UI-Mockup oder Diagramm prüfst.

Anleitung

1. Laden Sie ein Bild hoch oder geben Sie Farben ein, die Sie auf Barrierefreiheit testen möchten.
2. Wähle einen Sehtyp und ziehe die Trennlinie, um zwischen Original und Simulation überzublenden. Den Stärke-Regler nutzt du für mildere, anomale Verläufe.
3. Vergleichen Sie alle Simulationstypen gleichzeitig und laden Sie die simulierten Bilder zur Dokumentation herunter.

Wann verwenden

• Statusbadges eines Dashboards vor dem UX-Review checken.
• Prüfen, ob Rot/Grün-Hervorhebungen in einem Diagramm noch lesbar sind.
• Diagrammpaletten für einen öffentlichen Report mit gemischter Leserschaft wählen.

Ergebnis

Ein UI-Designer lädt den Screenshot seines App-Dashboards hoch und stellt fest, dass die roten und grünen Statusindikatoren bei Deuteranopie nicht unterscheidbar sind. Er fügt neben den Farben auch Symbolformen hinzu, um das Problem zu beheben.

Häufige Fragen

Wie genau sind die Simulationen im Vergleich zur echten Sehweise?

Die Brettel- und Machado-Matrizen liefern eine brauchbare Näherung, keine perfekte Entsprechung. Echte Wahrnehmung hängt zusätzlich von Licht und individueller Variation ab. Nutze die Ansichten, um klare Probleme zu finden, nicht als medizinische Referenz.

Was ist der Unterschied zwischen Protanopie und Protanomalie?

Protanopie ist das komplette Fehlen der Rot-Zapfen, Rot wird stark dunkler. Protanomalie ist eine geschwächte Rot-Reaktion, das Bild sieht ähnlich aus, der Versatz ist milder. Gleiches Muster bei Deutera- (Grün) und Trita- (Blau).

Welche Sehschwächen sollte man im Design priorisieren?

Deuteranomalie betrifft rund 5 % der Männer und ist die häufigste Rot-Grün-Schwäche. Protanopie und Deuteranopie zusammen rund 2 %. Trita- und Achromatopsie sind selten. Für breite Barrierefreiheit zuerst Deutera- absichern.

Kann ich einzelne Farben prüfen, ohne ein Bild hochzuladen?

Ja. Wechsle zum Tab Farben und gib beliebige Hex-Codes ein – jeder wird daneben so gezeigt, wie ihn alle sieben Sehtypen wahrnehmen. So lässt sich eine Markenpalette oder ein UI-Token-Satz ohne Screenshot prüfen. Für ganze Bilder geht die Schaltfläche Daltonisieren noch weiter und färbt das Bild um, damit Menschen mit Farbsehschwäche die Töne wirklich unterscheiden können.

Werden meine hochgeladenen Bilder an einen Server gesendet?

Nein. Das Bild wird in einem Canvas innerhalb deines Browser-Tabs dekodiert, die CVD-Matrix lokal angewendet und die Simulation direkt gezeichnet. Nichts verlässt die Seite, beim Schließen des Tabs ist alles weg.

Ähnliche Tools