Tokenlabor

Farbenblindheit-Simulator

Der Farbenblindheit-Simulator zeigt Bilder und Farben so, wie Menschen mit Protanopie, Deuteranopie, Tritanopie oder Achromatopsie sie ungefähr sehen.

Bild-Simulation
Farben prüfen
FarbeProtanopieDeuteranopieTritanopieAchromatopsie

Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.

Farbsehschwäche sichtbar machen

Der Farbenblindheit-Simulator zeigt, wie ein Bild, ein Diagramm oder eine Farbpalette für Menschen mit Farbsehschwäche aussieht. Laden Sie ein Bild oder geben Sie HEX-Farben ein. Das Werkzeug rechnet die Darstellung für vier Formen um: Protanopie (fehlende Rotzapfen), Deuteranopie (fehlende Grünzapfen), Tritanopie (fehlende Blauzapfen) und Achromatopsie (keine Farbwahrnehmung, nur Helligkeit). Protanopie und Deuteranopie zusammen bilden die Rot-Grün-Schwäche, die bei Männern deutlich häufiger vorkommt als bei Frauen.

Mit dem Regler „Stärke“ können Sie eine Farbsehschwäche simulieren, die schwächer ausgeprägt ist, etwa eine Deuteranomalie statt einer vollständigen Deuteranopie. Die Berechnung nutzt die Matrizen nach Machado, Oliveira und Fernandes (2009) im linearen RGB-Raum; Zwischenstufen werden linear zur Normalansicht gemischt. Achromatopsie wird über die relative Leuchtdichte nach WCAG dargestellt. Den Kontrast zwischen zwei Farben prüfen Sie mit dem Kontrastprüfer.

Praktischer Nutzen: Wenn sich in der Simulation zwei Linien, Balken oder Statusfarben nicht mehr unterscheiden lassen, sollten Sie zusätzlich zur Farbe Beschriftungen, Muster, Symbole oder deutliche Helligkeitsunterschiede einsetzen. Grenzen: Jede Simulation ist eine Näherung. Wahrnehmung ist individuell, und Bildschirm, Helligkeit und Umgebungslicht verändern den Eindruck. Das Werkzeug ersetzt keinen Sehtest beim Augenarzt.

Anleitung: Farbenblindheit-Simulator in 4 Schritten

  1. Unter „Bild-Simulation“ ein eigenes Bild wählen oder das Beispiel verwenden.
  2. Darstellung wählen: alle vier nebeneinander oder einzeln Protanopie, Deuteranopie, Tritanopie oder Achromatopsie.
  3. Mit dem Regler „Stärke“ eine schwächere Ausprägung wie eine Deuteranomalie nachbilden.
  4. Unter „Farben prüfen“ HEX-Farben eingeben, eine pro Zeile oder durch Komma getrennt, und die umgerechneten Farben in der Tabelle vergleichen.

Typische Anwendungsfälle

  • Diagrammfarben prüfen: Kontrollieren, ob sich die Linien oder Balken eines Diagramms bei Rot-Grün-Schwäche noch unterscheiden lassen.
  • Statusfarben im Dashboard: Ampelfarben für OK, Warnung und Fehler testen und bei Bedarf Symbole ergänzen.
  • Karten und Infografiken: Farbskalen von Karten auf Verwechslungen prüfen, bevor sie veröffentlicht werden.
  • Website-Screenshot testen: Einen Screenshot der eigenen Seite laden und Links, Buttons und Fehlermeldungen beurteilen.
Fragen

Häufige Fragen

Wie häufig ist Farbenblindheit?

Eine angeborene Rot-Grün-Schwäche betrifft je nach Quelle etwa 8 Prozent der Männer und etwa 0,5 Prozent der Frauen europäischer Herkunft. Tritanopie und Achromatopsie sind sehr selten.

Was ist der Unterschied zwischen Protanopie und Deuteranopie?

Bei Protanopie fehlen die rotempfindlichen Zapfen, Rot wirkt zudem dunkler. Bei Deuteranopie fehlen die grünempfindlichen Zapfen. In beiden Fällen sind Rot und Grün schwer zu unterscheiden.

Wie genau ist die Simulation?

Sie beruht auf einem anerkannten Modell und ist für die Prüfung von Diagrammen und Oberflächen gut geeignet. Sie bleibt aber eine Näherung, weil Wahrnehmung individuell ist.

Welche Farben sind für Diagramme sicher?

Kombinationen aus Blau und Orange funktionieren für die meisten Formen gut. Wichtiger als die Farbwahl ist, Informationen nicht allein über Farbe zu transportieren.

Wird mein Bild hochgeladen?

Nein. Die Umrechnung erfolgt Pixel für Pixel in Ihrem Browser.

Wie teste ich meine Website in Chrome auf Farbenblindheit?

In den Entwicklertools gibt es im Bereich Rendering die Option „Emulate vision deficiencies“ mit Protanopie, Deuteranopie, Tritanopie und Achromatopsie. Für Bilder und Farblisten außerhalb des Browsers eignet sich dieser Simulator.

Welche Farben verwechseln Menschen mit Rot-Grün-Schwäche?

Vor allem Rot, Grün, Orange und Braun, oft auch Blau und Violett, weil der Rotanteil im Violett schwächer wahrgenommen wird. Die Tabelle unter „Farben prüfen“ zeigt, welche Ihrer Farben zusammenfallen.

Weitere Werkzeuge

Das könnte auch helfen

Alle 358 Werkzeuge

Farbumwandler

HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.

Öffnen

Farbpalette aus Bild

Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.

Öffnen

Kontrast prüfen (WCAG)

Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.

Öffnen

CSS-Gradient-Generator

Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.

Öffnen

Box-Shadow-Generator

CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.

Öffnen

Flexbox-Generator

Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.

Öffnen