Zum Inhalt springen
TextArray1.41.0
100% lokal

Farbenblindheit Simulator

Sehen Sie, wie eine Farbe für jemanden mit Farbenfehlsichtigkeit aussieht.

Eingabe
100
Ausgabe
Verwandte Tools
FarbkonverterEntwickler-Tools
KontrastprüfungEntwickler-Tools
CSS-Farbvariablen-ExtractorneuEntwickler-Tools
i18n SchlüsseldiffEntwickler-Tools
TOML-zu-JSON-KonverterEntwickler-Tools
SQL zu JSONEntwickler-Tools
Farbenblindheit Simulator
Geben Sie eine Farbe pro Zeile ein und dieses Tool zeigt, wie sie für jemanden mit einer Farbenfehlsichtigkeit aussieht, zusammen mit dem Original. Es konvertiert jede Farbe in den LMS-Farbwahrnehmungsraum, wendet eine Simulationsmatrix für die gewählte Fehlsichtigkeit an und konvertiert zurück — der gleiche Ansatz, der von professionellen Barrierefreiheits-Tools verwendet wird und vollständig auf Ihrem Rechner läuft.
Wählen Sie den Fehlsichtigkeitstyp aus den acht häufigsten Formen: Protanopie, Deuteranopie und Tritanopie sind vollständiger Verlust der Rot-, Grün- oder Blauwahrnehmung; Protanomalie, Deuteranomalie und Tritanomalie sind die milderen "schwachen" Versionen, die in der Praxis viel häufiger sind; Achromatopsie und Achromatomalie simulieren totale und teilweise Farbenblindheit. Der Stärkeregler stellt den Effekt von 0 % (unverändert) bis 100 % (der vollständig simulierte Effekt) ein, was hilfreich ist, um ein Spektrum der Schwere statt nur eines Worst-Case-Szenarios zu zeigen. Die Ausgabe wird in HEX, RGB oder HSL gedruckt, mit einem kleinen Farbfeld neben jedem Wert, damit der Unterschied sichtbar ist, nicht nur lesbar.
Schreiben Sie zwei Farben auf eine Zeile — eine Vordergrund- und eine Hintergrundfarbe, in beliebiger Reihenfolge — und das Tool meldet auch das WCAG-Kontrastverhältnis zwischen ihnen vor und nach der Simulation, mit einer Bestätigung oder einem Fehler gegen den 4,5:1 AA-Schwellenwert. Dies erfasst einen häufigen Fehler: ein Design mit ausreichend Kontrast für normales Sehen, das zusammenbricht, sobald Rot und Grün oder Blau und Gelb schwer zu unterscheiden sind. Farben können als Hex, rgb()/rgba(), hsl()/hsla() oder übliche CSS-Namen geschrieben werden; eine Zeile mit keinem erkannten Farbformat wird eher als kurze Notiz behalten als gelöscht.
Alles läuft lokal in Ihrem Browser — keine Farbe oder Designdatei wird jemals hochgeladen. Kopieren Sie das Ergebnis, laden Sie es als .txt-Datei herunter oder senden Sie es zurück in die Eingabe, um eine andere Palette gegen einen anderen Fehlsichtigkeitstyp zu überprüfen.
Häufige Fragen
Welchen Fehlsichtigkeitstyp sollte ich zuerst überprüfen?
Deuteranopie und Deuteranomalie (verminderte oder fehlende Grünwahrnehmung) sind die mit Abstand häufigsten Formen, gefolgt von den Protan-(Rot-)Typen. Tritanopie und Tritanomalie (Blau) sind selten. Die Überprüfung aller drei Farbachsen gibt das vollständigste Bild.
Was ist der Unterschied zwischen Protanopie und Protanomalie?
Protanopie ist eine völlige Abwesenheit der Rot-wahrnehmenden Zapfenreaktion; Protanomalie ist eine verschobene, schwächere Version davon. Die "-Anomalie"-Formen sind die mildere und viel häufigere Erkrankung — vollständige Dichromasie ist vergleichsweise selten.
Wie wird die Simulation berechnet?
Jede Farbe wird von RGB in den LMS-Farbwahrnehmungsraum konvertiert, die fehlende oder verschobene Zapfenreaktion wird unter Verwendung einer festen Simulationsmatrix aus den anderen zwei rekonstruiert und das Ergebnis wird zurück zu RGB konvertiert. Achromatopsie wird separat als Luminanz-basierte Graustufen modelliert, da es dort keinen einzelnen Zapfenverlust zu simulieren gibt.
Kann ich den Kontrast zwischen zwei Farben nach der Simulation überprüfen?
Ja. Schreiben Sie zwei Farben auf eine Zeile — eine Textfarbe und eine Hintergrundfarbe beispielsweise — und das Tool meldet das WCAG-Kontrastverhältnis vor und nach der simulierten Fehlsichtigkeit, damit Sie sehen können, ob eine bestandene Kombination noch gültig ist.
Werden meine Farben irgendwo hochgeladen?
Nein. Die Simulation läuft vollständig in Ihrem Browser mit JavaScript — nichts, das Sie einfügen, wird an einen Server gesendet.