Farbenblindheitssimulator
Simuliere, wie Farben für Menschen mit Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussehen. Füge bis zu 100 Farben ein und erhalte eine Tabelle mit Hex-Werten für jeden Typ von Farbsehschwäche. Die Werte werden mit dem Machado-Oliveira-Fernandes-Modell in culori berechnet. Für die leichteren anomalen Formen gibt es zusätzlich eine Einstellung für den Schweregrad. Nützlich, um Farbpaletten, Diagramme, Karten und Statusfarben vor der Veröffentlichung zu prüfen.
Häufig gestellte Fragen
Welche Formen der Farbenblindheit werden simuliert?
Protanopie (keine funktionierenden Rot-Zapfen), Deuteranopie (keine grünen Zapfen), Tritanopie (keine blauen Zapfen) und Achromatopsie (kein Farbsehen). Unter 100% Schweregrad sind die Spalten nach den anomalen Formen benannt: Protanomalie, Deuteranomalie, Tritanomalie und Achromatomalie.
Welches Modell wird verwendet?
Für die drei Zapfentypen wird das physiologisch begründete Modell von Machado, Oliveira und Fernandes (2009) mit den von culori bereitgestellten vorberechneten Matrizen verwendet. Die Matrizen werden wie im Modell vorgesehen auf lineares Licht in RGB angewendet und das Ergebnis anschließend zurück in sRGB umgewandelt. Bei Achromatopsie wird jede Farbe durch den Grauton mit derselben relativen Leuchtdichte ersetzt.
Was bewirkt die Einstellung für den Schweregrad?
100% simuliert die vollständige Dichromasie, niedrigere Werte simulieren die anomalen Formen und 0% gibt die Originalfarbe zurück. Der Wert wird auf die nächsten 10% gerundet, da die Machado-Matrizen in 10%-Schritten veröffentlicht werden. Bei Achromatopsie wird der Schweregrad im linearen Licht zwischen der Farbe und ihrem Grauton überblendet.
Wie gebe ich Farben ein?
Gib eine Farbe pro Zeile oder mehrere Farben in einer Zeile ein, getrennt durch Kommas oder Semikolons. Kommas innerhalb von rgb() oder hsl() dienen nicht als Trennzeichen. Unterstützt werden Hex-Codes mit oder ohne #, CSS Farbnamen, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() und cmyk(). Pro Durchlauf kannst du bis zu 100 Farben prüfen.
Wie genau ist die Simulation?
Sie bildet das durchschnittliche Farbsehen von Dichromaten auf einem standardmäßigen sRGB-Display näherungsweise ab. Das Farbsehen unterscheidet sich von Mensch zu Mensch, und Displaykalibrierung sowie Umgebungslicht beeinflussen, was jemand sieht. Nutze die Simulation, um Farben zu finden, die ineinander übergehen, nicht als medizinischen Test.
Wie häufig sind diese Sehschwächen?
Rot-Grün-Sehschwächen, also die Protan- und Deutan-Typen, betreffen ungefähr 8% der Männer und 0.5% der Frauen mit nordeuropäischer Abstammung; Deuteranomalie ist am häufigsten. Tritan-Sehschwächen und Achromatopsie sind selten und betreffen jeweils ungefähr 1 von 10,000 Menschen oder weniger.
Was sollte ich tun, wenn zwei Farben gleich aussehen?
Verändere die Helligkeit, nicht nur den Farbton, denn Helligkeitsunterschiede bleiben bei jeder Art von Farbenblindheit erhalten. Füge außerdem ein zweites Merkmal wie eine Beschriftung, ein Symbol, ein Muster oder eine Position hinzu, wie es das WCAG-Erfolgskriterium 1.4.1 verlangt, wenn Farbe Bedeutung vermittelt.
Was passiert mit transparenten Farben und Farben mit großem Farbumfang?
Farben außerhalb von sRGB, etwa leuchtende Display-P3- oder OKLCH-Werte, werden zunächst mit dem CSS Color-4-Algorithmus nach sRGB überführt. Der Alphawert bleibt in den Ergebnissen erhalten, sodass halbtransparente Eingaben Hex-Codes mit 8 Stellen ergeben.
Warum wird reines Rot bei Protanopie zu Olivgrün?
Menschen mit Protanopie fehlen langwellige Zapfen, daher erscheint Rot deutlich dunkler und verschiebt sich in Richtung Gelbbraun. Im Modell wird #ff0000 zu einem dunklen Olivton von etwa #6d5f00, während bei Deuteranopie mehr Helligkeit erhalten bleibt und ein Senfton von etwa #a39000 entsteht.
Kann ich ein ganzes Bild überprüfen?
Nein, dieses Werkzeug verarbeitet Farbwerte. So bleibt es bei Farbpaletten und Design-Tokens schnell und präzise. Wähle die wichtigsten Farben eines Designs oder Diagramms aus und füge sie hier ein, um die simulierten Spalten nebeneinander zu vergleichen.