So nutzt du: Farbenblindheit-Simulator
- Ziehe ein Bild hierher, klicke zum Auswählen oder füge einen Screenshot mit Strg+V ein.
- Vergleiche das Original mit den simulierten Versionen für jede Form der Farbfehlsichtigkeit.
- Achte auf Informationen, die verschwinden – rot/grüne Statusfarben, Diagrammreihen, Fehlermeldungen.
- Wechsle zu Palette, um Marken- oder Diagrammfarben zu testen und Warnungen für Farbpaare zu erhalten, die nicht mehr unterscheidbar sind.
Was ist Farbenblindheit?
Farbfehlsichtigkeit (CVD) betrifft etwa 1 von 12 Männern und 1 von 200 Frauen nordeuropäischer Abstammung. Die meisten Betroffenen sehen Farben – nur in einem engeren Spektrum. Die gängigen Typen sind:
| Typ | Betroffene Zapfen | Wirkung |
|---|---|---|
| Deuteranomalie / Deuteranopie | Grün (M) | Rot und Grün sind schwer auseinanderzuhalten – die häufigste Form |
| Protanomalie / Protanopie | Rot (L) | Rottöne wirken dunkler und verschwimmen mit Grün und Braun |
| Tritanomalie / Tritanopie | Blau (S) | Verwechslungen von Blau/Grün und Gelb/Rosa – selten |
| Achromatopsie | Alle | Keine Farbwahrnehmung – sehr selten, aber ein nützlicher Graustufentest |
„-anopie“ bedeutet, dass der Zapfentyp fehlt; „-anomalie“ bedeutet, dass er verschoben ist – eine mildere Form.
Wie die Simulation funktioniert
Jeder Pixel wird in lineares RGB umgerechnet und mit den Farbsehmatrizen von Machado, Oliveira und Fernandes (2009) multipliziert, einem weit verbreiteten physiologischen Modell – volle Stärke für die „-anopie“-Typen und 60 % Stärke für die „-anomalie“-Typen. Achromatopsie verwendet die relative Luminanz. Alles läuft auf einem Canvas in deinem Browser; große Bilder werden zur Beschleunigung auf 900 px Breite skaliert.
Design für farbenblinde Nutzer
- Verlass dich nie allein auf Farbe (WCAG 1.4.1): ergänze Statusmeldungen, Formularfehler und Diagrammreihen um Icons, Beschriftungen, Muster oder Text.
- Variiere die Helligkeit, nicht nur den Farbton: ein dunkles Grün und ein helles Rot bleiben für fast alle gut unterscheidbar. Der OKLCH-Konverter macht die Helligkeit leicht steuerbar.
- Nutze farbenblindenfreundliche Diagrammpaletten, etwa Blau/Orange statt Rot/Grün.
- Halte den Textkontrast hoch – prüfe Farbpaare mit dem Kontrastprüfer.
Simulationen nähern ein durchschnittliches Empfinden an; die individuelle Wahrnehmung variiert, daher bleibt der Test mit echten Nutzern wertvoll.
Auch gesucht als: farbenblind test, protanopie, deuteranopie, tritanopie, cvd simulator, barrierefreiheit, farbenblindheit testen.
Passende Tools zu: Farbenblindheit-Simulator
- APCA Kontrast-Checker — Berechne den APCA-Helligkeitskontrast (Lc) zwischen Text und Hintergrund, sieh, für welche Einsatzzwecke das Paar geeignet ist, und vergleiche es mit dem klassischen WCAG-2-Verhältnis.
- Farbkonverter — Füge eine beliebige CSS-Farbe ein — HEX, rgb(), hsl(), hwb(), oklch() oder einen Namen wie tomato — und erhalte sofort alle anderen Formate sowie eine fertige 50–950-Palette.
- Tailwind-Farbgenerator — Füge eine Markenfarbe ein und erhalte eine ausgewogene 11-stufige Farbskala (50 bis 950), die in OKLCH integriert ist – mit Kontrasthinweisen und Exportmöglichkeiten für Tailwind v3, v4, CSS und SCSS.
- Bildkompressor — Verkleinere Fotos und Grafiken um 50–90 % ohne sichtbaren Qualitätsverlust.