Farbenblindheits-Simulator
Simulieren Sie verschiedene Arten von Farbenblindheit bei Bildern und Farben. Kostenlos, schnell und vollständig im Browser nutzbar, ohne Anmeldung.
Aktualisiert am
Color Blindness Simulator
Simulate all 9 color vision deficiency types on images and colors. Check WCAG contrast ratios, audit palette accessibility, analyze individual colors, and get actionable design tips.
Simulation Controls
Green-weak. Reduced sensitivity to green. Most common color vision deficiency (~5% of males).
Image Input
Drop image or click to browse
PNG, JPG, WebP, GIF — processed entirely in browser
Häufig gestellte Fragen
Was ist der Unterschied zwischen Protanopie, Deuteranopie und Tritanopie?
Das sind die drei Formen der Dichromasie, bei denen ein Zapfentyp komplett fehlt. Protanopie ist Rot-Blindheit: Die rot-empfindlichen Zapfen fehlen, sodass Rottöne dunkel und matt wirken und Rot/Grün-Paare ineinander verschwimmen. Deuteranopie ist Grün-Blindheit, verursacht durch fehlende Grün-Zapfen, und führt zu einer ähnlichen Rot/Grün-Verwechslung – der mit Abstand häufigsten Kombination, mit der Betroffene Probleme haben. Tritanopie ist Blau-Blindheit, bei der Blau und Gelb schwer zu unterscheiden sind; sie ist deutlich seltener als die Rot/Grün-Typen. Jede Form hat eine mildere „anomale“ Variante – Protanomalie, Deuteranomalie und Tritanomalie –, bei der der Zapfen zwar arbeitet, aber verschoben statt fehlend ist. Dieser Simulator bildet alle davon ab, und im Raster mit allen Typen siehst du jeden davon nebeneinander, sodass du genau erkennst, welche Farben für welche Gruppe versagen.
Wie verbreitet ist Farbenblindheit und welcher Typ ist am häufigsten?
Farbsehschwäche ist verbreitet: Etwa 1 von 12 Männern (rund 8 %) und 1 von 200 Frauen haben eine Form davon, was weltweit etwa 350 Millionen Menschen entspricht. Der mit Abstand häufigste Typ ist Deuteranomalie – eine verminderte Grünempfindlichkeit –, die fast 5 % der Männer betrifft. Weil sie so weit verbreitet ist, startet dieses Tool standardmäßig mit Deuteranomalie, sodass deine erste Vorschau den größten Anteil der betroffenen Betrachter widerspiegelt. Rot/Grün-Schwächen als Gruppe (die Deutan- und Protan-Typen) übertreffen die Blau/Gelb-Tritan-Typen zahlenmäßig deutlich, weshalb Accessibility-Richtlinien am häufigsten vor der Rot/Grün-Kombination warnen. Teste dein Design hier zuerst mit Deuteranomalie und prüfe dann die übrigen Typen, um den Rest deines Publikums abzudecken.
Warum sehen Rot und Grün für farbenblinde Menschen gleich aus?
Normales Farbsehen beruht auf drei Zapfentypen, die auf ungefähr Rot, Grün und Blau abgestimmt sind, und das Gehirn beurteilt Farbe, indem es deren Signale vergleicht. Bei den häufigen Rot/Grün-Schwächen überlappen sich die rot- und grün-empfindlichen Zapfen entweder zu stark (die anomalen Typen wie Deuteranomalie und Protanomalie), oder einer fehlt komplett (Deuteranopie und Protanopie). Weil Rot und Grün im Spektrum eng beieinanderliegen, verliert das Gehirn den Kontrast, den es normalerweise zur Unterscheidung nutzt, sodass ein roter Apfel und grüne Blätter als ähnliche, trübe Töne erscheinen können. Deshalb kann eine Rot/Grün-Diagrammlegende oder ein Fehler-in-Rot-versus-Erfolg-in-Grün-Status ununterscheidbar werden. Die Lösung: sich nie allein auf Farbe verlassen – Beschriftungen, Icons oder Muster ergänzen. Füge deine zwei Farben in die Analyse-Funktion des Simulators ein, um zu prüfen, ob sie wirklich unterscheidbar bleiben.
Wie genau ist ein Farbenblindheit-Simulator im Vergleich zu echter Farbsehschwäche?
Dieser Simulator nutzt standardmäßige Farbmatrix-Transformationen, die auf jeden Pixel angewendet werden – dasselbe RGB-Remapping-Verfahren, das auch etablierte Accessibility-Tools wie Coblis verwenden. Das macht ihn zu einer verlässlichen Annäherung, um Designprobleme zu erkennen, etwa verschmelzende Legendenfarben oder Statusanzeigen, die an Kontrast verlieren. Er ist jedoch keine medizinische Diagnose und keine perfekte Nachbildung des Sehvermögens einer bestimmten Person. Die reale Farbwahrnehmung variiert zwischen Individuen, hängt von der Beleuchtung ab und wird durch die Anpassungsfähigkeit des Gehirns geprägt – nichts davon kann eine feste Matrix vollständig abbilden. Hier hilft der Schweregrad-Regler: Die meisten Menschen mit einer Sehschwäche haben eine partielle, anomale Form statt eines vollständigen Verlusts, daher kommt eine Vorschau unterhalb des vollen Schweregrads der Realität oft näher als ältere Alles-oder-nichts-Simulatoren. Nutze ihn, um Designs zu prüfen und zu verbessern, nicht um die Sehkraft einer Person zu beurteilen.
Wie prüfe ich, ob zwei Farben für farbenblinde Nutzer ausreichend Kontrast haben?
Kontrast wird als Verhältnis zwischen der relativen Leuchtdichte einer Vorder- und einer Hintergrundfarbe gemessen, und die WCAG setzt für AA die Richtwerte bei 4,5:1 für normalen Text und 3:1 für großen Text an. Der integrierte Kontrastprüfer dieses Tools berechnet dieses Verhältnis für beliebige zwei Farben und zeigt dir sofort, ob es AA und das strengere AAA besteht. Entscheidend ist, dass du das Verhältnis auch so bewerten kannst, wie es durch einen gewählten Sehschwäche-Typ simuliert wird, denn Farbenblindheit kann leise einen Kontrast zunichtemachen, der bei normalem Farbsehen einwandfrei aussah. Für mehrfarbige Schemata erstellt der Palettenprüfer eine Kontrastmatrix über jedes Farbpaar, damit du Kombinationen erkennst, die ineinander verschwimmen. Er liefert sogar farbenblind-sichere Referenzpaletten wie die Okabe-Ito-Palette als Ausgangspunkt mit. Gib oben deine Vorder- und Hintergrundfarbe ein, um sie zu testen.
Verwandte Tools
Kostenloser Generator für sichere Passwörter
Erstelle sichere, zufällige Passwörter mit anpassbaren Optionen. Kostenlos, schnell und vollständig in deinem Browser ohne Anmeldung.
Kostenloser UUID/GUID-Generator
Erstelle universell eindeutige Bezeichner (UUID/GUID). Kostenlos, schnell und vollständig in deinem Browser ohne Anmeldung.
Kostenloser QR-Code-Generator Online
Erstelle QR-Codes für URLs, Text, WLAN-Zugangsdaten und mehr. Kostenlos, schnell und vollständig in deinem Browser ohne Anmeldung.
Kostenloser JSON-Formatierer & Validator
Formatiere, validiere und verschönere JSON-Daten mit Syntaxhervorhebung und Fehlererkennung. Kostenlos, schnell und vollständig in deinem Browser ohne Anmeldung.
Über den Farbenblindheit-Simulator
Mit dem Farbenblindheit-Simulator siehst du deine Bilder, Farbpaletten und einzelnen Farben genau so, wie sie jemand mit einer Farbsehschwäche (CVD) wahrnehmen würde. Lade ein Bild hoch, füge eine URL ein, gib einen Hex-Code an oder teste eine ganze Palette – das Tool rendert sie durch die Augen von acht verschiedenen Formen der Farbenblindheit neu. Designer, Entwickler, Autoren von Datenvisualisierungen und Accessibility-Tester nutzen es, um Probleme frühzeitig zu erkennen – etwa eine Rot/Grün-Diagrammlegende, die für Betroffene zu zwei identischen Grautönen verschwimmt – bevor sie live gehen.
Farbenblindheit ist verbreitet: Etwa 1 von 12 Männern (rund 8 %) und 1 von 200 Frauen haben eine Form von CVD. Mit Abstand am häufigsten ist Deuteranomalie, eine verminderte Grünempfindlichkeit, die etwa 5 % aller Männer betrifft. Weil sie so weit verbreitet ist, startet der Simulator standardmäßig mit diesem Typ.
Was der Simulator dir zeigen kann
Das Tool deckt alle acht anerkannten CVD-Typen ab, gruppiert danach, wie die Zapfenzellen betroffen sind:
- Anomale Trichromasie (Zapfen funktionieren, aber verschoben): Protanomalie (rot-schwach), Deuteranomalie (grün-schwach) und Tritanomalie (blau-schwach).
- Dichromasie (ein Zapfentyp fehlt komplett): Protanopie (rot-blind), Deuteranopie (grün-blind) und Tritanopie (blau-blind).
- Monochromasie (wenig bis keine Farbwahrnehmung): Achromatopsie, bei der nur in Graustufen gesehen wird, sowie Achromatomalie.
Ein Schweregrad-Regler lässt dich partielle Sehschwächen vorschauen – von einer minimalen Verschiebung bis zur vollen Ausprägung. Das ist wichtig, weil die meisten Menschen mit CVD eine anomale (abgeschwächte) Form haben statt des kompletten Verlusts, den ältere Tools simulieren.
So funktioniert die Nutzung
Füge ein Bild hinzu, indem du eine Datei hochlädst, eine Bild-URL einfügst oder direkt aus der Zwischenablage einfügst, und wähle dann einen CVD-Typ für einen sofortigen Vorher-Nachher-Vergleich. Wechsle zum Raster mit allen Typen, um jede Sehschwäche gleichzeitig nebeneinander zu sehen, und lade jedes simulierte Ergebnis als PNG herunter – praktisch für Design-Reviews oder Bug-Reports. Für punktgenaue Arbeit zeigen die Tabs Farbanalyse und Farbmuster, wie eine einzelne Hex-Farbe sich über alle Typen hinweg verändert, sodass du erkennst, ob zwei Farben unterscheidbar bleiben.
Die Simulation nutzt standardmäßige Farbmatrix-Transformationen, die auf jeden Pixel angewendet werden – dasselbe RGB-Remapping-Verfahren, das auch etablierte Accessibility-Tools verwenden. Alles wird lokal auf einem Canvas in deinem Browser berechnet. Kein Bild wird auf einen Server hochgeladen, nichts wird gespeichert, und es ist keine Anmeldung nötig – du kannst also auch unveröffentlichte Mockups und vertrauliche Screenshots gefahrlos testen.
Mehr als Simulation: Kontrast- und Palettenprüfung
Ein Problem zu erkennen ist nur die halbe Miete – der Simulator hilft dir auch, es zu beheben. Ein integrierter WCAG-Kontrastprüfer berechnet das Kontrastverhältnis zwischen Vorder- und Hintergrundfarbe und sagt dir, ob es WCAG AA und AAA besteht – der Richtwert liegt bei 4,5:1 für normalen Text und 3:1 für großen Text. Du kannst dieses Verhältnis sogar wie simuliert durch einen gewählten CVD-Typ prüfen, denn Farbenblindheit kann leise einen Kontrast zunichtemachen, der für dich völlig in Ordnung aussah.
Der Palettenprüfer nimmt eine Reihe von Farben und erstellt eine Kontrastmatrix, damit du Paare erkennst, die für farbenblinde Betrachter ineinander verschwimmen. Er liefert farbenblind-sichere Referenzpaletten mit, darunter die bekannte Okabe-Ito-Palette, als Ausgangspunkt für Diagramme und UI-Zustände.
Warum das wichtig ist
Weltweit leben rund 350 Millionen Menschen mit einer Form von Farbsehschwäche, und daraus ergibt sich die zuverlässigste Accessibility-Regel: Verlasse dich niemals allein auf Farbe. Kombiniere Farbe immer mit Textbeschriftungen, Icons, Mustern oder Formen, und vermeide Rot/Grün als einziges Signal – es ist die am häufigsten verwechselte Farbkombination. Ein Design durch den Farbenblindheit-Simulator laufen zu lassen macht aus diesen Richtlinien etwas, das du mit eigenen Augen überprüfen kannst – und deckt genau die Fälle auf, in denen ein Statusanzeiger, eine Karte oder ein Diagramm für einen relevanten Teil deines Publikums unlesbar wird.