Farbenblindheitssimulator
Simulieren Sie, wie Farben für Menschen mit verschiedenen Arten von Farbsehstörungen (CVD) aussehen, einschließlich Protanopie, Deuteranopie und Tritanopie.
Input Color
Color Vision Deficiency Simulation
Normal Vision
Full trichromatic color vision
#3b82f6
Protanopia
Absent red (L) cones — ~1% of males
#5f85fc
Deuteranopia
Absent green (M) cones — ~1% of males
#4d74f3
Tritanopia
Absent blue (S) cones — very rare
#1499a5
Protanomaly
Weakened red (L) cones — ~1% of males
#5282f9
Deuteranomaly
Weakened green (M) cones — ~5% of males
#497cf5
Tritanomaly
Weakened blue (S) cones — rare
#3786c5
Achromatopsia
Total color blindness — monochromacy
#7b7b7b
Color Pair Contrast Checker
See how the contrast between two colors holds up across all CVD types.
| Type | Color 1 | Color 2 | Ratio | AA |
|---|---|---|---|---|
| Normal Vision | #3b82f6 | #ffffff | 3.68:1 | Fail |
| Protanopia | #5f85fc | #ffffff | 3.36:1 | Fail |
| Deuteranopia | #4d74f3 | #ffffff | 4.11:1 | Fail |
| Tritanopia | #1499a5 | #ffffff | 3.43:1 | Fail |
| Protanomaly | #5282f9 | #ffffff | 3.55:1 | Fail |
| Deuteranomaly | #497cf5 | #ffffff | 3.83:1 | Fail |
| Tritanomaly | #3786c5 | #fcffff | 3.88:1 | Fail |
| Achromatopsia | #7b7b7b | #ffffff | 4.23:1 | Fail |
AA = WCAG 2.1 Level AA normal text (4.5:1 minimum). Both colors are independently simulated for each CVD type before the ratio is calculated.
So verwenden Sie Farbenblindheitssimulator
- 1Geben Sie eine Farbe mit der Farbauswahl oder hexadezimaler Eingabe ein.
- 2Wählen Sie einen Farbsehstörungstyp zum Simulieren.
- 3Vergleichen Sie Original- und simulierte Farben nebeneinander.
- 4Überprüfen Sie Kontrastverhältnisse auf Barrierefreiheitskonformität.
ZenovayAnalytics
Machen Sie aus Besuchern Kunden.
- Besucher-Tracking in Echtzeit
- Datenschutz zuerst, kein Cookie-Banner
- In zwei Minuten eingerichtet
Verwandte Tools
Bildkompressor
Komprimieren Sie Bilder ohne Qualitätsverlust. Reduzieren Sie die Dateigröße um bis zu 80% mit clientseitiger Komprimierung.Bildgrößen-Änderungstool
Ändern Sie die Größe von Bildern auf jede Dimension, während Sie das Seitenverhältnis beibehalten. Unterstützt PNG, JPG und WebP.Bildformat-Konverter
Konvertieren Sie Bilder sofort zwischen PNG-, JPG-, WebP- und AVIF-Formaten in Ihrem Browser.Bild-Zuschneider
Schneiden Sie Bilder mit einer intuitiven Drag-and-Drop-Oberfläche zu. Legen Sie benutzerdefinierte Seitenverhältnisse fest oder schneiden Sie frei.Häufig gestellte Fragen
Was ist Farbenblindheit?▾
Farbenblindheit ist die verminderte Fähigkeit, bestimmte Farben zu unterscheiden, normalerweise verursacht durch das Fehlen oder eine Funktionsstörung von Zapfenphotoreceptoren in der Netzhaut.
Was sind die Haupttypen von Farbenblindheit?▾
Die häufigsten Typen sind Protanopie (fehlende rote Zapfen), Deuteranopie (fehlende grüne Zapfen) und Tritanopie (fehlende blaue Zapfen). Anomale Formen haben verschobene Empfindlichkeit statt vollständiger Abwesenheit.
Wie viele Menschen sind von Farbenblindheit betroffen?▾
Ungefähr 8% der Männer und 0,5% der Frauen nordeuropäischer Abstammung haben eine Form von Farbsehstörung. Rot-Grün-Farbenblindheit ist die häufigste.
Wie sollte ich für farbenblinde Benutzer entwerfen?▾
Vermeiden Sie die Verwendung von Farbe als einziges Mittel zur Vermittlung von Informationen. Kombinieren Sie Farben mit Symbolen, Mustern oder Beschriftungen. Verwenden Sie hochkontrastige Paare und testen Sie mit Simulationswerkzeugen.
Was sagen WCAG-Richtlinien über Farbe?▾
WCAG 1.4.1 erfordert, dass Farbe nicht das einzige Mittel zur Vermittlung von Informationen ist. WCAG 1.4.3 und 1.4.6 schreiben Mindestkontrastverhältnisse von 4,5:1 (AA) und 7:1 (AAA) vor.