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.

Entwickelt und gepflegt von Udit Agarwal

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

  1. Screenshot, Diagramm oder Design hineinziehen
  2. Zu simulierenden Sehtyp wählen
  3. Schweregrad für Teilschwächen anpassen
  4. 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.

Weitere Bilder-Tools

  • Bild-DPI ändern — DPI eines PNG oder JPEG setzen, ohne Pixel neu zu komprimieren.
  • BlurHash-Generator — Kodiert und dekodiert unscharfe Bild-Platzhalter.
  • Platzhalterbild-Generator — Platzhalter als SVG, PNG oder Data-URI, in jeder Größe.
  • ASCII-Art-Generator — Wandelt ein Bild mit einstellbarem Kontrast in ASCII-Art um.
  • Bildfilter — Graustufen, Sepia, Kontrast, Weichzeichner und mehr anwenden, dann PNG und CSS exportieren.
  • Bild-Splitter — Ein Bild in ein Raster aus Kacheln schneiden und diese als ZIP herunterladen.
  • Bilder zusammenfügen — Fügt Bilder nebeneinander, gestapelt oder als Raster.
  • Gemeinsames Whiteboard — Zu zweit zeichnen, über eine direkte Verbindung zwischen beiden Browsern.
  • Daumenabdruck freistellen — Aus dem Foto eines gestempelten Daumenabdrucks ein sauberes, transparentes PNG für Formulare machen.
  • Unterschrift freistellen — Eine Unterschrift vom Papierfoto abheben — als transparentes PNG in der Tintenfarbe Ihrer Wahl.
  • Bild zu Text (OCR) — Text aus Fotos, Screenshots und Scans holen, erkannt direkt auf dem Gerät.
  • Bildgröße ändern — Fotos nach Pixeln, Prozent, Voreinstellung oder längster Seite skalieren – im Stapel, mit ZIP-Download.

Alle Bilder-Tools ansehen (40) · Alle Tools