Farbenblindheitssimulator
8 Arten von Farbenblindheit simulieren und WCAG-Kontrastkonformität prüfen.
Vordergrundfarbe
Hintergrundfarbe
Typ auswählen
Deuteranopie
Betroffene Bevölkerung ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Textvorschau
Großer Beispieltext
Kleiner Beispieltext
Kontrastverhältnis
Simulationsergebnisse
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#6f84bd~0.1% of population
Kontrastvergleich
| Defizittyp | Verhältnis | Normaler Text | Großer Text |
|---|---|---|---|
| Original | 3.98:1 | Fail | AA |
| 🔴Protanopie | 4.42:1 | Fail | AA |
| 🟢Deuteranopie | 3.71:1 | Fail | AA |
| 🔵Tritanopie | 4.51:1 | AA | AAA |
| 🔶Protanomalie | 4.26:1 | Fail | AA |
| 🟡Deuteranomalie | 3.81:1 | Fail | AA |
| 🔷Tritanomalie | 4.24:1 | Fail | AA |
| ⬛Achromatopsie | 3.94:1 | Fail | AA |
| ◻️Achromatomalie | 3.97:1 | Fail | AA |
Über den Farbenblindheitssimulator
Simuliert 8 Arten von Farbsehschwäche und prüft die WCAG-Kontrastkonformität.
So funktioniert’s
Farben eingeben, Simulationen ansehen, WCAG AA/AAA-Konformität prüfen.
Häufige Anwendungsfälle
- Barrierefreie Farbauswahl
- UI-Gestaltung für farbenblinde Nutzer testen
- WCAG-Konformität sicherstellen
- Inklusives UI-Design
- Markenfarben auf Barrierefreiheit prüfen