ToolHub
Werkzeug öffnen

Farbenblindheit-Simulator

Simulieren Sie, wie Farben bei verschiedenen Arten von Farbenblindheit aussehen

CSS-Werkzeuge
Werkzeug starten Alle Werkzeuge

Über dieses Werkzeug

Der Farbenblindheit-Simulator ermöglicht es Ihnen, eine beliebige Farbe auszuwählen und sofort zu sehen, wie sie für Menschen mit Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussieht. Mit wissenschaftlich präzisen Farbtransformationsmatrizen generiert er nebeneinander liegende Vergleichsergebnisse und zeigt die RGB- und HEX-Werte jeder Simulation an.

Hauptfunktionen

Schnellvorschau

Anwendungsfälle

color-blindness accessibility a11y simulation

Häufig gestellte Fragen

Welche Arten von Farbenblindheit simuliert dieses Tool?

Das Tool simuliert vier Typen: Protanopie (Rotblindheit), Deuteranopie (Grünblindheit), Tritanopie (Blaublindheit) und Achromatopsie (vollständige Farbenblindheit). Jeder Typ verwendet wissenschaftlich validierte Farbtransformationsmatrizen.

Wie genau sind die Simulationsergebnisse?

Die Simulation verwendet etablierte Farbtransformationsmatrizen aus der Sehforschung. Obwohl sie eine gute Annäherung bietet, variieren die individuellen Erfahrungen mit Farbenblindheit, daher sollte sie als Referenz und nicht als exakte Darstellung betrachtet werden.

Kann ich mehrere Farben gleichzeitig testen?

Das Tool simuliert jeweils eine Farbe, aber Sie können schnell zwischen Farben wechseln, indem Sie den Farbwähler, die Hexadezimaleingabe, die Beispielfarben-Schaltflächen oder die Zufallsfarben-Schaltfläche verwenden. Jede Änderung aktualisiert sofort alle fünf Simulationspanels.

Werden meine Daten an einen Server gesendet?

Nein. Alle Farbtransformationen und Simulationen werden lokal im Browser mit JavaScript berechnet. Es werden keine Daten auf einen Server hochgeladen, sodass Ihre Informationen vollständig privat bleiben.

Wie kann ich es für Barrierefreiheitstests verwenden?

Wählen Sie eine Farbe, die in Ihrem Design oder Ihrer App verwendet wird, und prüfen Sie, ob die simulierten Versionen noch unterscheidbar sind. Wenn Farben in einem der Simulationstypen zu ähnlich werden, sollten Sie die Farbpalette anpassen, um ein barrierefreies Erlebnis für alle Benutzer zu gewährleisten.

Verwandte Tools

CSS-Animations-BuilderCSS-Schriftarten-KombinationCSS-Grid-VorlageCSS zu Tailwind