Farbenblindheits-Simulator

Farb-Barrierefreiheitsprobleme in einem Bild vorab prüfen

Farbe kann in Diagrammen, Schaltflächen, Karten, Dashboards und Marketing-Grafiken wichtige Bedeutung tragen. Doch nicht jeder sieht Farbunterschiede gleich. Dieser Farbenblindheits-Simulator zeigt Ihnen in der Vorschau, wie ein Bild bei gängigen Farbsehschwächen wirken kann, damit Sie Stellen erkennen, an denen Informationen zu stark vom Rot-Grün- oder Blau-Gelb-Kontrast abhängen.

Die Simulation läuft vollständig in Ihrem Browser. Das Bild wird auf eine Zeichenfläche gezeichnet, jedes Pixel wird mit einer standardmäßigen 3×3-Farbmatrix umgerechnet, und die entstandene Zeichenfläche wird angezeigt und kann als PNG heruntergeladen werden. Kein Server erhält Ihren Screenshot oder Entwurf – besonders nützlich für unveröffentlichte Oberflächen, Kundenarbeiten und interne Dashboards.

Die Simulationstypen verstehen

Protanopie simuliert fehlende oder nicht funktionierende langwellige Rotzapfen, wodurch Rot dunkler erscheinen und die Rot-Grün-Unterscheidung nachlassen kann. Deuteranopie simuliert fehlende mittelwellige Grünzapfen, eine weitere verbreitete Rot-Grün-Schwäche. Tritanopie simuliert fehlende kurzwellige Blauzapfen, beeinträchtigt die Blau-Gelb-Wahrnehmung und kommt seltener vor. Die Option Normal lässt das Bild unverändert, sodass Sie es schnell mit den umgerechneten Versionen vergleichen können.

Gestalten über die Farbe hinaus

Ein Simulator ist eine Prüfhilfe, kein vollständiges Barrierefreiheits-Audit und kein medizinisches Diagnosewerkzeug. Nutzen Sie ihn, um riskante Farbkombinationen zu finden, und verbessern Sie das Design dann mit Beschriftungen, Symbolen, Mustern, Unterstreichungen, stärkerem Kontrast und redundanten Hinweisen. Diagramme sollten sich nicht allein auf unterschiedlich gefärbte Linien verlassen; Fehlerzustände sollten Text- oder Formänderungen enthalten; Schaltflächen sollten auch ohne Farbton erkennbar bleiben. Wenn die simulierte Vorschau weiterhin dieselbe Botschaft vermittelt, funktioniert Ihr Bild mit größerer Wahrscheinlichkeit für ein breiteres Publikum. Prüfen Sie wichtige Bildschirme auch in ihrer tatsächlichen Anzeigegröße, denn kleine Beschriftungen, dünne Diagrammlinien und dezente Hintergrundtönungen können nach der Farbumrechnung schwerer unterscheidbar werden.

Die Ergebnisse lesen

Rot-Grün-Schwächen sind wesentlich häufiger als Blau-Gelb-Schwächen, daher sind Protanopie und Deuteranopie meist die ersten beiden Vorschauen, die man prüfen sollte. Wechseln Sie zwischen den Optionen und vergleichen Sie das Original mit jeder Version: Lassen sich zwei Kategorien, Linien oder Statusfarben kaum noch unterscheiden, hängt das Design zu stark vom Farbton ab. Bedenken Sie, dass es sich um Annäherungen an eine vollständige Dichromasie handelt. Mildere Formen der Farbschwäche und seltenere Zustände wie vollständige Farbenblindheit werden nicht abgedeckt, und die tatsächliche Wahrnehmung variiert zwischen Menschen und Lichtverhältnissen. Das heruntergeladene PNG behält die volle Auflösung Ihres Originals und enthält den Namen der Simulation im Dateinamen.