Farbenblindheit-Simulator
Sieh jedes Bild, wie es Menschen mit Protanopie, Deuteranopie, Tritanopie oder Achromatopsie sehen — neben dem Original, mit einstellbarem Schweregrad.
Der Farbenblindheit-Simulator läuft vollständig in deinem Browser über das Canvas. Deine Bilder werden auf deinem Gerät verarbeitet und niemals hochgeladen.
Kontrast-Prüfer öffnen
Über Farbenblindheit-Simulator
Der Farbenblindheit-Simulator zeigt dein Diagramm, deine Oberfläche oder dein Foto durch die Augen der rund 8 % der Männer und 0,5 % der Frauen mit einer Farbsehschwäche. Zieh ein Bild hinein, wähle den Sehtyp — Deuteranopie und Protanopie, die häufigen Rot-Grün-Formen; Tritanopie, die seltene Blau-Gelb-Form; oder Achromatopsie ganz ohne Farbe — und vergleiche das Ergebnis Seite an Seite mit dem Original. Die Simulation nutzt die physiologisch fundierten Machado-Transformationsmatrizen, angewandt in linearem Licht mit korrekter Gammabehandlung. Ein Schweregrad-Regler deckt die weit häufigeren Teilschwächen ab. Wenn sich deine Fehler- und Erfolgszustände nur durch Rot gegen Grün unterscheiden, zeigen dir dreißig Sekunden hier genau, was ein farbenblinder Nutzer nicht sehen kann.
Funktionen
- Protanopie, Deuteranopie, Tritanopie und Achromatopsie
- Physiologische Simulationsmatrizen in linearem Licht
- Schweregrad von leichter Anomalie bis voller Dichromasie
- Seite-an-Seite-Ansicht von Original und Simulation
- Häufigkeit je Sehtyp angegeben
- Download des simulierten Bilds für Reviews
So verwendest du Farbenblindheit-Simulator
- Screenshot, Diagramm oder Design hineinziehen
- Zu simulierenden Sehtyp wählen
- Schweregrad für Teilschwächen anpassen
- Panels vergleichen und Ergebnis bei Bedarf herunterladen
Beispiel
Eingabe
Dashboard with red error and green success badges
Ausgabe
Under deuteranopia both badges render as the same murky ochre
Der klassische Rot-Grün-Fehler — unsichtbar, bis man mit den richtigen Augen schaut.
Häufige Fehler & Fehlerbehebung
- Das simulierte Bild wirkt fast unverändert. — Bilder voller Blau-, Gelb- und Neutraltöne überstehen Rot-Grün-Schwächen gut — das ist ein Bestehen, kein Defekt. Teste die Screens, die Rot und Grün als Bedeutung nutzen.
- Bei Achromatopsie ist alles grau — zu extrem? — Vollständige Achromatopsie entfernt tatsächlich jeden Farbton, und sie ist extrem selten. Nutze sie als ultimativen Kontrasttest: Was in Graustufen funktioniert, funktioniert überall.
- Die Ergebnisse weichen leicht von einem anderen Simulator ab. — Manche Tools wenden die Matrizen ohne Gammakorrektur an. Dieses linearisiert zuerst — die publizierte Methode; Unterschiede zeigen sich vor allem in dunklen Bereichen.
Häufig gestellte Fragen
- Was bedeuten die Typen von Farbenblindheit?
- Protanopie fehlen die Rotzapfen, Deuteranopie die Grünzapfen — beide lassen Rot und Grün zusammenfallen und betreffen je rund 1 % der Männer, mit milden Formen weit häufiger. Tritanopie betrifft Blau-Gelb und ist selten; Achromatopsie entfernt Farbe vollständig.
- Wie verbreitet ist Farbenblindheit?
- Rund 8 % der Männer und 0,5 % der Frauen haben eine Rot-Grün-Schwäche — etwa jeder zwölfte männliche Nutzer von allem, was du baust.
- Wie genau ist die Simulation?
- Sie nutzt die Matrizen von Machado, Oliveira und Fernandes aus der Sehforschung, angewandt in linearem RGB mit korrekter Gammakonvertierung — der Standardansatz für Dichromasie-Vorschauen.
- Wie mache ich mein Design für Farbenblinde tauglich?
- Farbe darf nie das einzige Signal sein: Ergänze Icons, Beschriftungen oder Muster. Halte Textkontrast bei 4,5:1 oder besser und bevorzuge Blau-Orange- statt Rot-Grün-Paletten in Diagrammen.
Verwandte Tools
- Bild-Farbpaletten-Extractor — Extrahiere die dominante Farbe und eine Palette als HEX, RGB, HSL, CSS und Tailwind.
- Color Format Converter — Jede CSS-Farbe zugleich zu HEX, RGB, HSL, OKLCH und mehr konvertieren.
- Bild-Farbwähler — Über ein Bild fahren und einen Pixel als HEX, RGB und HSL greifen.
- Kontrast-Checker — Prüfe das WCAG-Kontrastverhältnis und ob AA/AAA zwischen zwei Farben bestanden wird.
- Bild schwärzen — Screenshot-Teile dauerhaft verwischen, verpixeln oder schwärzen.
- Bildecken abrunden — Fotos mit runden Ecken oder Kreis zuschneiden, transparentes PNG.
Alle ArrayKit-Tools