Farbenblindheits-Simulator

Sehen Sie, wie jede Farbe für Menschen mit Farbsehschwäche erscheint

Vorlagen:
OriginalNormal color vision
#3B82F6rgb(59, 130, 246)
ProtanopiaRed-blind (no L-cones)
#418EFArgb(65, 142, 250)
DeuteranopiaGreen-blind (no M-cones)
#007DF4rgb(0, 125, 244)
TritanopiaBlue-blind (no S-cones)
#009EB0rgb(0, 158, 176)
AchromatopsiaTotal color blindness (monochromacy)
#7B7B7Brgb(123, 123, 123)

Über Farbsehschwäche

Etwa 8% der Männer und 0,5% der Frauen weltweit haben eine Form von Farbsehschwäche. Protanopie (Rotblindheit) und Deuteranopie (Grünblindheit) sind die häufigsten Typen. Dieses Tool verwendet wissenschaftlich genaue Farbtransformationsmatrizen, um zu simulieren, wie Farben für Personen mit diesen Bedingungen erscheinen, und hilft Designern, zugänglichere Oberflächen zu gestalten.

Farbenblindheits-Simulator

Sehen Sie, wie jede Farbe für Menschen mit Farbsehschwäche erscheint

Funktionen

  • Simulate four color vision deficiencies: protanopia (no L-cones), deuteranopia (no M-cones), tritanopia (no S-cones), achromatopsia (greyscale)
  • Uses scientifically-accurate Brettel / Vienot / Machado transformation matrices
  • Proper sRGB gamma correction before applying the matrix (linear-light math)
  • Real-time hex-color input with side-by-side comparison
  • Useful for verifying UI color contrast for ~8% of male users (red-green color blindness) and ~0.5% of female users

Anleitung

  1. Wählen Sie eine Farbe mit der Farbauswahl oder geben Sie einen Hex-Wert ein.
  2. Sehen Sie das simulierte Erscheinungsbild für jeden Typ der Farbsehschwäche.
  3. Vergleichen Sie die Originalfarbe mit allen vier Simulationen nebeneinander.
  4. Kopieren Sie die simulierten Hex-Werte zur Verwendung in Ihren Designs.

Tipps & Best Practices

  • Protanopia and deuteranopia are the most common (red-green color blindness). Tritanopia (blue-yellow) is rare.
  • Achromatopsia is total color blindness — extremely rare (~1 in 30,000), but a useful "ground truth" for ensuring contrast works on luminance alone.
  • WCAG contrast requirements (4.5:1 for normal text) work for color blindness too — sufficient contrast → readable for everyone.
  • For UI elements that rely on color alone (red error / green success), add an icon or text label.
  • For data visualisations, palettes like Viridis, Cividis, and ColorBrewer's color-blind-friendly sets are safe by design.

FAQ

Wie genau sind diese Simulationen?

Die Simulationen verwenden die Machado-, Oliveira- und Fernandes-Farbtransformationsmatrizen (2009), die zu den wissenschaftlich genauesten verfügbaren Modellen für die Simulation von Farbsehschwäche gehören.

Was ist der häufigste Typ von Farbenblindheit?

Deuteranopie (Grünblindheit) und Protanopie (Rotblindheit) sind am häufigsten und betreffen etwa 6% bzw. 2% der Männer. Tritanopie (Blaublindheit) ist selten, und Achromatopsie (totale Farbenblindheit) ist extrem selten.

Wie kann ich meine Designs zugänglicher gestalten?

Verlassen Sie sich nicht ausschließlich auf Farbe zur Informationsvermittlung. Verwenden Sie Muster, Beschriftungen und ausreichend Kontrast. Testen Sie Ihre Farbpalette mit diesem Simulator, um sicherzustellen, dass kritische UI-Elemente unterscheidbar bleiben.

Sind meine Daten sicher und privat?

Alle Verarbeitung erfolgt lokal in Ihrem Browser. Es werden keine Daten an einen Server gesendet.

Ist dieses Tool kostenlos?

Ja, dieses Tool ist völlig kostenlos und ohne Registrierung nutzbar.