Privates Werkzeug für visuelle Barrierefreiheit
Nutze den Farbenblindheit-Simulator, um eine Illustration, Oberfläche, Grafik oder Bildschirmaufnahme mit Protanopie-, Deuteranopie- und Tritanopie-Ansichten zu vergleichen. Das Bild bleibt im Browser, alle vier Ansichten behalten denselben Ausschnitt und der Export dokumentiert die gewählte Stärke.
Aktualisiert am 26. Juli 2026
Farbenblindheit-Simulator
Der Farbenblindheit-Simulator wendet drei veröffentlichte Transformationsmatrizen für Farbsehschwächen auf die Pixel eines lokalen Bildes an. Er stellt das Original neben Annäherungen für Protanopie, Deuteranopie und Tritanopie und mischt von 0% Originalfarbe bis zum vollständigen Matrixergebnis bei 100%. Der Farbenblindheit-Simulator hilft, allein durch Farbton vermittelte Unterschiede zu finden. Er bildet nicht die Wahrnehmung einer einzelnen Person ab, diagnostiziert kein Farbsehen und bescheinigt keine Barrierefreiheit.
Farbenblindheit-Simulator
Der Farbenblindheit-Simulator behält Ausschnitt, Größe und Quellpixel in jeder Ansicht bei, damit der Vergleich die Farbe und nicht eine veränderte Komposition betrifft.
Jede Ansicht im Farbenblindheit-Simulator verwendet dieselbe Quellfläche. Figurenmerkmale, Diagrammmarken, Beschriftungen, Bedienelemente und Hintergründe bleiben an ihrer Position, sodass ein schwächerer Unterschied leichter auffällt.
Der Farbenblindheit-Simulator dekodiert PNG-, JPEG- und WebP-Dateien mit Browser-APIs. Dieses Werkzeug besitzt keinen Bild-Upload-Endpunkt, keine Cloud-Bibliothek, kein Konto und keinen serverseitigen Verarbeitungsschritt.
Der Farbenblindheit-Simulator erstellt eine beschriftete PNG-Datei mit Original und drei simulierten Ansichten. Das Team kann sie an eine Barrierefreiheitsprüfung anhängen und die Originaldatei separat aufbewahren.
Lokaler Bildvergleich im Browser
Lade eine PNG-, JPEG- oder WebP-Datei bis 12 MB. Der Farbenblindheit-Simulator erzeugt vier ausgerichtete Canvas-Flächen ohne Bild-Upload.
PNG, JPEG oder WebP · bis 12 MB · Einfügen funktioniert auch
Toon-Tone-BeispielgrafikDie vier ausgerichteten Ansichten sind bereit.
Farbenblindheit-Simulator
Ein Farbenblindheit-Simulator ist dann hilfreich, wenn er zu einer gezielten Prüfung und nachvollziehbaren Änderung führt, statt nur den Eindruck einer anders wirkenden Palette zu erzeugen.
Lade genau den Bildschirm, das Diagramm, die Illustration oder die Figurenpose, die später sichtbar ist. Ein Farbenblindheit-Simulator auf einer isolierten Farbprobe zeigt keine Beschriftung, Umrandung, Fokusmarke oder überlagerte Datenmarke, die erst im Kontext verschwindet.
Prüfe die Karten für Protanopie, Deuteranopie und Tritanopie auf schwer trennbare Paare. Stelle den Farbenblindheit-Simulator für das volle Matrixergebnis auf 100% und senke dann die Mischung, um den Beginn der Veränderung zu beobachten.
Wenn der Farbenblindheit-Simulator einen ausschließlich farbbasierten Unterschied offenlegt, ergänze Text, Symbol, Muster, Kontur, Form oder Position. Beim W3C-Kriterium zur Farbnutzung geht es um erhaltene Bedeutung, nicht um identische simulierte Bilder.
Exportiere den überarbeiteten Zustand, starte den Farbenblindheit-Simulator erneut und kombiniere das Ergebnis mit dem Kontrastprüfer. Simulation, Kontrast, Tastatur, Beschriftungen und Tests mit Menschen beantworten unterschiedliche Fragen.
Farbenblindheit-Simulator
Der Farbenblindheit-Simulator nutzt die drei vollständigen Dichromasie-Matrizen des Modells von Machado, Oliveira und Fernandes. Rot-Grün und Blau-Gelb sind nützliche Kurzformen, aber keine vollständige Beschreibung individueller Wahrnehmung.
| Ansicht | Modellfokus | Übliche Kurzform | Prüffrage |
|---|---|---|---|
| Original | Unveränderte sRGB-Quellpixel | Referenzansicht | Welche Unterschiede tragen vor der Simulation Bedeutung? |
| Protanopie | Vollständige Protan-Dichromasie-Matrix | Rot-Grün-Familie | Verschmelzen rot geprägte Akzente, Warnungen oder Details? |
| Deuteranopie | Vollständige Deutan-Dichromasie-Matrix | Rot-Grün-Familie | Bleiben grüne Zustände, Reihen oder Figurenmerkmale unterscheidbar? |
| Tritanopie | Vollständige Tritan-Dichromasie-Matrix | Blau-Gelb-Familie | Sind blaue und gelbe Informationskanäle ohne Text noch getrennt? |
Ein Farbenblindheit-Simulator schätzt, wie sich Farbbeziehungen unter einem ausgewählten Modell verändern können. Ein Kontrastprüfer berechnet die relative Leuchtdichte zwischen Vorder- und Hintergrund. Zwei unbeschriftete Diagrammreihen können jeweils genügend Kontrast zur Fläche haben und trotzdem kaum voneinander zu unterscheiden sein. Auch das Gegenteil ist möglich: Zwei Farbtöne bleiben im Farbenblindheit-Simulator klar verschieden, scheitern aber beide als Textfarbe auf einem hellen Grund. Deshalb sollte jedes Werkzeug nur für die Entscheidung verwendet werden, die es tatsächlich misst.
Der Farbenblindheit-Simulator eignet sich besonders für kategoriale Farben. Teams, Verkehrslinien, Spielfähigkeiten, Statuspunkte, Kartenregionen und Datenreihen hängen häufig von Farbtönen statt von einem Vordergrund-Hintergrund-Verhältnis ab. Prüfe den echten Zustand. Wenn zwei Kategorien im Farbenblindheit-Simulator ähnlich werden, kann die Palette erhalten bleiben, sofern ein direktes Label, eine Markerform, ein Strichmuster, ein Symbol oder eine räumliche Gruppierung hinzukommt. Dann ist Farbe nicht mehr das einzige visuelle Mittel, das die Information trägt.
Toon Tone verbindet den Farbenblindheit-Simulator mit dem Kontrastprüfer, weil eine vollständige Prüfung meistens beide braucht. Beginne mit dem Farbenblindheit-Simulator, um mögliche Verluste der Unterscheidbarkeit im gesamten Bild zu finden. Messe danach Text, Symbole, Bedienelemente und wichtige Grenzen, die auf einem Vordergrund-Hintergrund-Paar beruhen. Keines der Ergebnisse ist allein ein Barrierefreiheitszertifikat. Zusammen bilden sie einen nützlicheren Nachweis als ein grünes Abzeichen oder ein einziges bestandenes Verhältnis, das fälschlich für das ganze Produkt gilt.
Der Farbenblindheit-Simulator dekodiert die gewählte PNG-, JPEG- oder WebP-Datei zunächst im aktuellen Tab. Sehr große Bilder werden auf eine maximale Arbeitsdimension von 1.100 Pixeln skaliert, damit vier Canvas-Flächen reaktionsfähig bleiben; kleinere Bilder behalten ihre dekodierte Größe. Jeder 8-Bit-sRGB-Kanal wird in lineares Licht umgerechnet, mit einer veröffentlichten 3×3-Matrix multipliziert, auf den darstellbaren Bereich begrenzt und zurück in sRGB kodiert. Transparenz bleibt erhalten und die drei Transformationen verändern die Originalfläche nicht.
Der Stärkeregler im Farbenblindheit-Simulator ist eine Vorschaumischung und keine klinische Skala. Bei 0% werden die transformierten linearen Kanäle durch das Original ersetzt. Bei 100% zeigt der Farbenblindheit-Simulator das vollständige Ergebnis der gewählten Matrix. Zwischenwerte interpolieren beide Pixelresultate und helfen, die Robustheit eines Unterschieds einzuschätzen. Das Machado-Modell enthält genauere Schweregraddaten für anomale Trichromasie; diese Oberfläche nennt den Regler bewusst visuelle Stärke, damit er nicht vorgibt, die Physiologie einer Person bestimmen zu können.
Leistung und Datenschutz haben dieselbe technische Grenze. Der Farbenblindheit-Simulator liest Pixel über Canvas, berechnet die Matrix in JavaScript und erzeugt die Vergleichsdatei in einer weiteren temporären Canvas-Fläche. Die importierten Bytes werden an keine Anwendungsroute gesendet. Durch Aktualisieren oder Schließen des Tabs verschwindet das Arbeitsbild. Browser-Erweiterungen, Betriebssystemaufnahmen und gespeicherte Dateien liegen außerhalb dieses Bereichs. Das Werkzeug beschreibt daher seinen eigenen Datenweg und verspricht keinen vollständigen Geräteschutz.
Farbenblindheit-Simulator
Verwende dieselbe Abfolge im Farbenblindheit-Simulator, bevor eine neue Palette, Illustration, Grafik oder ein Zustand freigegeben wird.
Farbenblindheit-Simulator: Den produktiven Zustand mit sichtbaren Beschriftungen, Legenden, Fokusmarken und Hintergründen erfassen.
Farbenblindheit-Simulator: Protanopie, Deuteranopie und Tritanopie bei 100% und in der kleinsten geplanten Darstellung prüfen.
Farbenblindheit-Simulator: Jede bedeutungstragende Unterscheidung nur durch Farbe finden und Text, Form, Muster, Symbol oder Position ergänzen.
Farbenblindheit-Simulator: Wichtige Vordergrund-Hintergrund-Paare mit dem Kontrastprüfer messen, statt Kontrast aus der Simulation abzuleiten.
Farbenblindheit-Simulator: Die PNG-Datei mit vier Ansichten exportieren, die Designentscheidung notieren und nach der Umsetzung erneut testen.
Farbenblindheit-Simulator
Der Farbenblindheit-Simulator nutzt Primärforschung für die Matrizen und offizielle Quellen für den Prüfablauf. Zahlen beschreiben Populationen, Standards und Modellumfang, nicht die genaue Erfahrung einer Person.
Das W3C fasst das Ziel in neun Wörtern zusammen:
Color is not the only way of distinguishing information.
Farbenblindheit-Simulator
Nein. Der Farbenblindheit-Simulator transformiert Bildpixel für eine Designprüfung. Er untersucht keine Person, misst keinen Schweregrad und stellt keine Diagnose. Für einen Sehtest empfiehlt das National Eye Institute eine Augenärztin oder einen Augenarzt.
Nein. Der Farbenblindheit-Simulator kann schwache Farbdifferenzen zeigen, doch Barrierefreiheit hängt auch von Kontrast, Text, Form, Beschriftung, Tastatur, Zoom, Semantik und Nutzertests ab. Das Ergebnis ist ein Prüfbaustein.
Protanopie und Deuteranopie werden meist der Rot-Grün-Familie zugeordnet, Tritanopie der Blau-Gelb-Familie. Der Farbenblindheit-Simulator hält alle drei sichtbar, weil dieselbe Palette unter jeder Matrix anders reagieren kann.
Der Farbenblindheit-Simulator mischt bei 0% die ursprünglichen linearisierten sRGB-Pixel und bei 100% das vollständige Matrixergebnis. Zwischenwerte dienen dem visuellen Vergleich und sind keine medizinische Schweregradschätzung.
Der Farbenblindheit-Simulator verarbeitet unterstützte Bilder im aktuellen Tab und besitzt keinen Upload-Endpunkt. Schließen oder Aktualisieren löscht die Arbeitsfläche. Eine heruntergeladene PNG-Datei bleibt am gewählten Speicherort.