Zum Inhalt springen
Kostenlos, ohne Anmeldung, im Browser

Farbenblindheit-Simulator: So sehen Farbenblinde deine Farben

Mit dem kostenlosen Farbenblind-Simulator siehst du deine Farbpalette und eigene Bilder so, wie Menschen mit Protanopie (Rotblindheit), Deuteranopie (Grünblindheit), Deuteranomalie (Grünschwäche), Tritanopie (Blaublindheit) oder Achromatopsie sie wahrnehmen, alle fünf Varianten nebeneinander. Ohne Anmeldung: Farben und Bilder werden nur in deinem Browser berechnet und nie hochgeladen.

Gebaut von Justin Schuessler

Design auf Barrierefreiheit geprüft? Bring deine Website mit schnellem, zuverlässigem Webhosting online.

Farbe bearbeiten

Wird sofort live in allen simulierten Varianten unten berechnet. Wähle unten eine Farbe aus deiner Palette, um sie hier zu bearbeiten.

Deine Farbpalette

Klicke eine Farbe an, um sie oben im Picker zu bearbeiten. Über das Plus kannst du weitere Farben hinzufügen, um deine ganze Palette gleichzeitig in jeder simulierten Variante zu sehen.

#18e888

Simulierte Vorschau

Originaldeine Farben, unverändert
ProtanopieRotblindheit
DeuteranopieGrünblindheit
TritanopieBlaublindheit
Achromatopsievollständige Farbenblindheit
DeuteranomalieGrünschwäche

Willst du zusätzlich prüfen, ob deine Palette auch genug Kontrast hat? Prüfe deine gerade simulierte Palette zusätzlich auf Kontrast

Weiter mit der ausgewählten Farbe: Im Color Picker öffnen · Farbschema erzeugen

Läuft komplett in deinem Browser - nichts wird an einen Server gesendet, gespeichert oder geloggt.

Funktionen

Farbenblindheit online simulieren: Farben und Bilder prüfen

Neben eigenen Bildern prüfst du hier eine ganze Farbpalette per Hex- oder RGB-Wert, praktisch für Webdesign, Markenfarben und Diagramme.

Fünf Formen der Farbenblindheit nebeneinander

Neben dem Original zeigt der Simulator jede Farbe gleichzeitig bei Protanopie, Deuteranopie, Tritanopie, Achromatopsie und Deuteranomalie. So siehst du auf einen Blick, wo zwei Farben verschwimmen.

Ganze Farbpalette auf einmal prüfen

Über das Plus fügst du beliebig viele Farben hinzu, zum Beispiel deine komplette Markenpalette. Unter jeder Farbe steht ihr Hex-Wert, und jede simulierte Variante zeigt die ganze Palette.

Farbfeld, Hex oder RGB

Wähle Farben im Farbfeld mit Farbton-Regler, gib einen Hex- oder RGB-Wert ein oder lass dir mit „Zufällige Farbe“ eine neue Farbe erzeugen.

Eigene Bilder simulieren

Lade optional ein PNG oder JPG bis 15 MB hoch, etwa einen Screenshot, ein Logo oder ein Diagramm. Große Bilder werden für die Vorschau auf 1.600 px an der längsten Kante verkleinert, jede Vorschau lässt sich per Klick vergrößern.

Wissenschaftliches Simulationsmodell

Die Simulation basiert auf dem Modell von Machado, Oliveira & Fernandes (2009) und rechnet im linearen RGB-Farbraum. Farbfelder und Bildpixel laufen durch dieselbe Berechnung.

Alles bleibt in deinem Browser

Farben und Bilder werden direkt in deinem Browser berechnet. Nichts wird an einen Server gesendet, gespeichert oder geloggt, und du brauchst kein Konto.

Arten der Farbenblindheit

Wie sehen Farbenblinde? Die fünf simulierten Formen

Die meisten Farbenblinden sehen durchaus Farben, verwechseln aber bestimmte Farbtöne. Welche das sind, hängt von der Form der Farbsehschwäche ab.

Formen der Farbenblindheit, die der Simulator zeigt
FormSo wirken FarbenSimulation im Tool
Protanopie (Rotblindheit)Rot und Grün sind kaum zu unterscheiden, Rottöne wirken dunkler und verschieben sich zu Oliv-, Braun- und Gelbtönen.Volle Ausprägung (Schweregrad 1,0)
Deuteranopie (Grünblindheit)Rot und Grün werden verwechselt und erscheinen als ähnliche Gelb-, Braun- und Olivtöne.Volle Ausprägung (Schweregrad 1,0)
Tritanopie (Blaublindheit)Blau und Grün sowie Gelb und Violett sind schwer zu unterscheiden, Gelb wirkt blass rosa bis hellgrau. Rot und Grün bleiben dagegen gut erkennbar.Volle Ausprägung (Schweregrad 1,0)
Achromatopsie (vollständige Farbenblindheit)Es werden praktisch keine Farben wahrgenommen, nur Helligkeitsunterschiede, ähnlich wie bei einem Graustufenbild.Relative Leuchtdichte (Graustufen)
Deuteranomalie (Grünschwäche)Abgeschwächte Form der Deuteranopie und häufigste Farbsehschwäche überhaupt: Rot- und Grüntöne rücken näher zusammen.Abgeschwächte Ausprägung (Schweregrad 0,6)

Probier es selbst aus: Gib im Simulator #FF0000 ein, füge über das Plus eine zweite Farbe hinzu und setze sie auf #00FF00. In den Karten für Protanopie und Deuteranopie siehst du sofort, dass beide Farben zu Gelb- und Olivtönen werden und sich fast nur noch in der Helligkeit unterscheiden.

So funktioniert's

In 6 Schritten Farbenblindheit simulieren

Von der ersten Farbe bis zum Vergleich aller fünf Varianten, mit deiner Palette und optional einem eigenen Bild.

Schritt 1

Farbe wählen

Wähle im Bereich „Farbe bearbeiten“ eine Farbe im Farbfeld mit Farbton-Regler, gib einen Hex- oder RGB-Wert ein oder klicke auf „Zufällige Farbe“.

Schritt 2

Farbpalette aufbauen

Füge über das Plus unter „Deine Farbpalette“ weitere Farben hinzu. Ein Klick auf eine Farbe lädt sie zum Bearbeiten in den Picker, über das Papierkorb-Symbol entfernst du sie wieder.

Schritt 3

Optional ein Bild hochladen

Zieh ein PNG oder JPG bis 15 MB in das Feld „Eigenes Bild hochladen“ oder klicke darauf, um eine Datei auszuwählen. Das Bild bleibt in deinem Browser.

Schritt 4

Varianten vergleichen

Vergleiche unter „Simulierte Vorschau“ das Original mit Protanopie, Deuteranopie, Tritanopie, Achromatopsie und Deuteranomalie und achte darauf, welche Farben sich zu ähnlich werden.

Schritt 5

Bild vergrößern

Klicke auf ein Vorschaubild, um es vergrößert anzusehen und Details zu prüfen.

Schritt 6

Mit der Farbe weiterarbeiten

Öffne die ausgewählte Farbe über die Links unter der Vorschau im Color Picker oder im Farbschema-Generator, oder prüfe sie im Contrast Checker auf Kontrast.

Barrierefreie Farben

Warum Farbsehschwächen im Design berücksichtigen?

Rot-Grün-Farbsehschwächen betreffen etwa 8 % aller Männer und rund 0,5 % aller Frauen (v. a. bei europäischer Abstammung), hochgerechnet auf die Weltbevölkerung schätzungsweise rund 300 Millionen Menschen. Wer eine wichtige Information ausschließlich über eine Farbe vermittelt, etwa Rot für „Fehler“ und Grün für „Erfolg“ ohne zusätzliches Symbol oder Text, schließt einen relevanten Teil der eigenen Nutzer unbeabsichtigt aus.

Die WCAG fordern deshalb, Farbe nie als einziges Unterscheidungsmerkmal zu verwenden (Erfolgskriterium 1.4.1). Kombiniere Farben mit Icons, Mustern oder Beschriftungen und prüfe im Simulator, welche Farben deiner Palette sich bei einer Farbsehschwäche zu ähnlich werden. Ob Text und Hintergrund genug Kontrast haben, prüfst du anschließend im Contrast Checker. Zum Contrast Checker

Mehr entdecken

Weitere Farb-Tools

Kontrast prüfen, Farben anpassen, ein Farbschema erzeugen oder Farben aus einem Bild auslesen, ebenfalls kostenlos im Browser.

FAQ

Häufige Fragen zum Farbenblindheit-Simulator

Kurze Antworten rund um Farbsehschwächen, barrierefreie Farben und dieses Tool.

Die meisten Farbenblinden sehen Farben, verwechseln aber bestimmte Farbtöne. Bei Protanopie und Deuteranopie werden Rot und Grün zu ähnlichen Gelb-, Braun- und Olivtönen, bei Tritanopie sind Blau und Grün sowie Gelb und Violett schwer zu unterscheiden. Nur bei Achromatopsie fehlen Farben ganz, dann bleiben nur Helligkeitsunterschiede wie in einem Graustufenbild. Im Simulator siehst du das direkt an deinen eigenen Farben.

Fünf Formen neben dem Original: Protanopie (Rotblindheit), Deuteranopie (Grünblindheit), Deuteranomalie (Grünschwäche), Tritanopie (Blaublindheit) und Achromatopsie (vollständige Farbenblindheit). Alle fünf werden gleichzeitig nebeneinander angezeigt, für jede Farbe deiner Palette und für ein hochgeladenes Bild.

Am häufigsten sind Rot-Grün-Schwächen, allen voran die Deuteranomalie, eine abgeschwächte Grünschwäche. Rot-Grün-Schwächen betreffen etwa 8 % der Männer und rund 0,5 % der Frauen (Werte für Menschen europäischer Abstammung), weltweit schätzungsweise rund 300 Millionen Menschen. Frauen können also ebenfalls farbenblind sein, nur deutlich seltener.

Nein. Der Simulator zeigt, wie Menschen mit einer Farbsehschwäche Farben wahrnehmen, und ist weder Sehtest noch Diagnose. Wenn du dein eigenes Farbsehen prüfen lassen möchtest, wende dich an eine augenärztliche Praxis oder einen Optiker, die dafür zum Beispiel Ishihara-Tafeln verwenden.

Der Farbenblindheit-Simulator ist kostenlos und ohne Anmeldung nutzbar. Bilder werden nicht hochgeladen: Das Tool liest die Datei direkt in deinem Browser ein und berechnet die Varianten per Canvas, ohne Übertragung an einen Server, ohne Speicherung und ohne Logging. Möglich sind PNG und JPG bis 15 MB, für die Vorschau wird ein Bild auf höchstens 1.600 px an der längsten Kante verkleinert. Schließt du den Tab, ist das Bild weg.

Ja. Über das Plus fügst du beliebig viele Farben hinzu und siehst alle gleichzeitig in jeder der fünf simulierten Varianten. Ein Klick auf eine Farbe lädt sie zum Bearbeiten in den Picker, über das Papierkorb-Symbol entfernst du sie wieder. So erkennst du, ob sich zwei Farben deiner Palette, etwa deine Markenfarben, bei einer Farbsehschwäche zu ähnlich werden.

Grundlage ist das physiologisch begründete Modell von Machado, Oliveira & Fernandes (2009) mit den dort veröffentlichten Matrizen, gerechnet im linearen RGB-Farbraum nach der Umrechnung aus sRGB. Protanopie, Deuteranopie und Tritanopie werden in voller Ausprägung (Schweregrad 1,0) simuliert, Deuteranomalie mit Schweregrad 0,6 und Achromatopsie als relative Leuchtdichte. Wie stark eine Farbsehschwäche ausgeprägt ist, unterscheidet sich von Mensch zu Mensch, die Simulation zeigt daher eine typische Wahrnehmung.

Kritisch sind vor allem Rot und Grün, aber auch Grün und Braun oder Blau und Violett, wenn sie das einzige Unterscheidungsmerkmal sind. Statt Farben ganz zu streichen, ergänze sie durch Text, Icons oder Muster und prüfe deine Palette im Simulator: Werden zwei Farben in einer Variante fast gleich, passe Helligkeit oder Farbton an. Den Kontrast von Text und Hintergrund prüfst du anschließend im Contrast Checker.

Noch weitere Fragen?

Support kontaktieren
Baust du gerade etwas Eigenes?

Dein Frontend-Projekt braucht einen zuverlässigen Server dahinter

Ein ZAP-Hosting vServer bringt deine Anwendung oder dein Projekt zuverlässig online.

4,4/5 Trustpilot32.000+ Aktive ServerSeit 2010

Kein Setup. Kein Risiko. In Sekunden online.

Flexible LaufzeitJederzeit kündbarIn 60 Sekunden online

Auf der Suche nach weiteren Tools? Alle Bild- & Design-Tools ansehen