sRGB-Linearisierung eines Kanals
C_lin = C ÷ 12,92 für C ≤ 0,04045, sonst ((C + 0,055) ÷ 1,055)^2,4
C ist der Kanalwert zwischen 0 und 1 (Wert ÷ 255).
Farbenblindheit-Simulator
Lade ein Bild und simuliere Protanopie, Deuteranopie, Tritanopie oder Achromatopsie lokal im Browser.
- Export
Bild
Kein Bild geladen
Zieh ein Bild hierher
Füge ein PNG-, JPEG- oder WebP-Bild hinzu. Die Datei bleibt auf deinem Gerät und alle Änderungen laufen lokal im Browser.
Du brauchst mehr Möglichkeiten?
Nutze mehrere Bearbeitungswerkzeuge in einem Arbeitsbereich, deine geöffnete Datei und deine Änderungen kommen mit.
Vollständigen Editor öffnenVerarbeitung…0 %
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Etwa 8 % der Männer und 0,5 % der Frauen nordeuropäischer Herkunft können manche Farben schlecht unterscheiden, meist Rot und Grün. Dieser Simulator zeigt, wie ein Bild, ein Entwurf oder ein Diagramm mit sieben Formen von Farbenblindheit wirken kann. So findest du vor der Veröffentlichung Legenden, Status oder Schaltflächen, die sich nur durch ihre Farbe unterscheiden.
Importiere ein PNG-, JPEG- oder WebP-Bild, wähle einen Simulationstyp und klicke auf Simulation anwenden. Zur Auswahl stehen drei Dichromasien, bei denen ein Zapfentyp fehlt (Protanopie für Rot, Deuteranopie für Grün, Tritanopie für Blau), drei häufigere und schwächere anomale Trichromasien (Protanomalie, Deuteranomalie, Tritanomalie) sowie die Achromatopsie, die nur die Helligkeit behält.
Jedes Pixel wird zuerst von sRGB in lineares Licht umgerechnet und dann mit der 3 × 3-Matrix multipliziert, die Machado, Oliveira und Fernandes (2009) für den gewählten Typ veröffentlicht haben: Schweregrad 1,0 für Dichromasien, 0,6 für Anomalien. Danach wird das Ergebnis wieder in sRGB kodiert. Die Achromatopsie ersetzt jede Farbe durch ihre relative Leuchtdichte.
Das simulierte Bild ist auf 1600 px an der längsten Seite begrenzt, was für eine Sichtprüfung reicht. Vorher / nachher und Nebeneinander vergleichen Original und Simulation. Die gesamte Berechnung bleibt in deinem Browser.
So verwenden Sie dieses Tool
Bild importieren
Lege einen Screenshot, einen Entwurf oder ein Diagramm als PNG, JPEG oder WebP ab.
Typ wählen
Wähle zum Beispiel Deuteranopie, die häufigste Form der Rot-Grün-Schwäche, und wende die Simulation an.
Vergleichen und herunterladen
Vergleiche mit Vorher / nachher und lade das simulierte Bild herunter, wenn du es teilen willst.
Berechnung der Simulation
Die Matrizen von Machado gelten für lineares Licht: Jeder Kanal wird linearisiert, transformiert und wieder in sRGB kodiert.
Farbtransformation
(R', G', B') = M × (R_lin, G_lin, B_lin)
Das Ergebnis wird auf 0 bis 1 begrenzt und mit der Umkehrfunktion wieder in sRGB kodiert.
- C
- Wert des Rot-, Grün- oder Blaukanals, zwischen 0 und 1
- M
- 3 × 3-Matrix der gewählten Farbsehschwäche
- R', G', B'
- wahrgenommene Farbe, in linearem Licht
Anwendungsfälle
Diagramme und Dashboards
Prüfe, ob die rote und die grüne Linie eines Diagramms auch ohne Legende unterscheidbar bleiben.
Oberflächen und Formulare
Stelle sicher, dass ein fehlerhaftes Feld oder der Status „genehmigt“ auch ohne Farbe erkennbar ist.
Karten und Druckmedien
Teste eine Karte, einen Netzplan oder ein Plakat vor dem Druck.
Beispiele
Rot und Grün eines Dashboards bei Deuteranopie
Beide Farben werden zu fast identischen Olivtönen: Ihr Rotkanal unterscheidet sich nur um eine Stufe. Ein Status, der nur über die Farbe vermittelt wird, ist nicht mehr lesbar; ergänze ein Symbol oder einen Text.
Eingabe
Punkt „Fehler“ #E53935 und Punkt „Erfolg“ #43A047, Simulation Deuteranopie (kein Grün)Ergebnis
Simuliertes Rot #98892E (152, 137, 46); simuliertes Grün #978A4E (151, 138, 78)Dieselben Farben bei Achromatopsie
Die relative Leuchtdichte beider Farben ist ähnlich, ohne Farbe bleibt der Grauunterschied also gering. Ein stärkerer Helligkeitskontrast hilft allen Lesenden.
Eingabe
#E53935 und #43A047, Simulation Achromatopsie (keine Farbe)Ergebnis
Grau #7B7B7B (123) und Grau #8D8D8D (141)Tipps und bewährte Vorgehensweisen
- Teste mindestens Deuteranopie und Protanopie: Rot-Grün-Schwächen machen den Großteil der Fälle aus.
- Kehre vor einem anderen Typ mit Rückgängig (Strg+Z) zum Original zurück, sonst wird die neue Simulation auf das bereits simulierte Bild angewendet.
- Informationen dürfen nie allein über Farbe vermittelt werden (WCAG 2.2, Erfolgskriterium 1.4.1): Ergänze Form, Muster oder Beschriftung.
- Die Simulation ist ein Durchschnittsmodell: Die Wahrnehmung schwankt von Mensch zu Mensch und je nach Bildschirm. Sie ersetzt keinen Test mit echten Nutzern.
Quellen und Referenzen
- G. M. Machado, M. M. Oliveira, L. A. F. Fernandes, A Physiologically-based Model for Simulation of Color Vision Deficiency (öffnet in einem neuen Tab), IEEE Transactions on Visualization and Computer Graphics, 2009Seite auf Englisch
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2 — Use of Color (öffnet in einem neuen Tab)Seite auf Englisch
Häufig gestellte Fragen
Was unterscheidet Protanopie von Protanomalie?
Bei der Protanopie fehlen die rotempfindlichen Zapfen, bei der Protanomalie sind sie vorhanden, aber verschoben. Das Tool simuliert Letztere mit Schweregrad 0,6, der Effekt ist daher schwächer.
Welchen Typ sollte ich zuerst testen?
Deuteranomalie und Deuteranopie, danach Protanomalie und Protanopie. Tritanopie und Achromatopsie sind deutlich seltener.
Auf welchem Modell beruht die Simulation?
Auf den Matrizen von Machado, Oliveira und Fernandes (2009), angewendet in linearem RGB. Die Achromatopsie nutzt die für sRGB definierte relative Leuchtdichte.
Warum ist das heruntergeladene Bild kleiner?
Die Simulation wird auf einer Kopie mit höchstens 1600 px an der längsten Seite berechnet. Sie dient zur Kontrolle eines Entwurfs, nicht als Ersatz für deine Datei.
Korrigiert die Simulation die Farben?
Nein. Sie zeigt eine wahrscheinliche Darstellung; Farben, Kontraste oder Beschriftungen änderst du anschließend in deinem Original.
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Berechnung Pixel für Pixel läuft in deinem Browser, und das Bild bleibt auf deinem Gerät.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Rechne eine Farbe zwischen HEX, RGB und HSL um, mit allen gleichwertigen Werten.
Bilder & GrafikenDieses Werkzeug verwenden
Extrahiere die dominanten Farben eines Bildes als Palette, ohne es auf einen Server hochzuladen.
Bilder & GrafikenDieses Werkzeug verwenden
Erstelle aus einer Farbe eine komplementäre, analoge, triadische oder monochrome Palette.
Bilder & GrafikenDieses Werkzeug verwenden