What is color blindness?

Color blindness (color vision deficiency) is the reduced ability to distinguish between certain colors. It affects roughly 8% of males and 0.5% of females worldwide. Most people with color blindness can still see colors, but they perceive them differently than someone with normal color vision.

What are the main types of color blindness?

The three main categories are: Protan (red-weak or red-blind), Deutan (green-weak or green-blind), and Tritan (blue-weak or blue-blind). Red-green color blindness (protan and deutan combined) accounts for about 99% of cases. Complete color blindness (achromatopsia) is extremely rare.

How does a color blindness simulator work?

A color blindness simulator applies mathematical color transformation matrices to each pixel of your image. These matrices, based on research by Brettel, Vienot, and Machado, model how the human eye processes color with missing or deficient cone types. The result is an image that approximates what a color-blind person would see.

Why should designers test for color blindness?

Roughly 1 in 12 men have some form of color vision deficiency. If your design relies on color alone to convey meaning — like red for errors, green for success — color-blind users may miss critical information. Testing with a simulator helps you design accessible interfaces that work for everyone.

Is this tool free and private?

Yes. This color blindness simulator is completely free and runs entirely in your browser. Your images are never uploaded to any server. All color transformations happen locally using the Canvas API, so your files stay private.

← Zurück zu den Tools

Farbenblindheits-Simulator

Lade ein beliebiges Bild oder einen Screenshot hoch und sieh, wie es für Menschen mit Farbsehschwäche aussieht. Unterstützt 8 Simulationsarten. Kostenlos, privat und läuft komplett in deinem Browser.

Bild hier ablegen oder klicken zum Hochladen

PNG, JPG, WebP, GIF — jede Größe. Du kannst auch aus der Zwischenablage einfügen mit ⌘V

Farbenblindheit verstehen

👁️ Was ist Farbenblindheit?

Farbenblindheit (Farbsehschwäche) betrifft weltweit etwa 8 % der Männer und 0,5 % der Frauen. Menschen mit Farbenblindheit haben fehlende oder schwache Zapfenzellen in der Netzhaut, wodurch es schwerer wird, bestimmte Farben zu unterscheiden. Sie ist meist erblich und von Geburt an vorhanden.

🔴🟢 Rot-Grün-Farbenblindheit

Mit Abstand die häufigste Form. Protanopie und Deuteranopie (sowie ihre milderen Varianten Protanomalie und Deuteranomalie) lassen Rot-, Orange- und Grüntöne ähnlich aussehen. Allein Deuteranomalie betrifft etwa 5 % der Männer und ist damit die häufigste Einzelform.

🔵 Blau-Gelb-Farbenblindheit

Tritanopie und Tritanomalie betreffen die Wahrnehmung von Blau und Gelb. Viel seltener als die Rot-Grün-Schwäche, lassen sie Blautöne grüner und Gelbtöne violett oder hellgrau erscheinen. Anders als andere Formen betreffen sie Männer und Frauen gleichermaßen.

⚫ Vollständige Farbenblindheit

Achromatopsie — nur in Grautönen sehen — ist extrem selten (etwa 1 von 33.000 Menschen). Achromatomalie, die Teilform, verursacht stark gedämpfte Farbwahrnehmung. Beide Zustände gehen oft mit Lichtempfindlichkeit und reduzierter Sehschärfe einher.

Warum Designer auf Farbenblindheit testen sollten

Wenn 1 von 12 männlichen Nutzern Schwierigkeiten haben könnte, deine roten Fehlermeldungen von grünen Erfolgsanzeigen zu unterscheiden, hast du ein Usability-Problem. Ein Farbenblindheits-Simulator hilft dir, diese Probleme zu erkennen, bevor sie die Nutzer erreichen.

Die Lösung ist meist einfach: Kombiniere Farbe mit weiteren visuellen Hinweisen. Verwende Symbole zusätzlich zu Statusfarben, füge Textbeschriftungen zu farbigen Indikatoren hinzu oder wähle eine Farbpalette mit ausreichend Kontrast. Deine Mockups durch diesen Simulator zu jagen dauert nur Sekunden und kann Stunden bei der nachträglichen Barrierefreiheits-Korrektur sparen.

Die WCAG 2.1 Richtlinie 1.4.1 (Verwendung von Farbe) verlangt, dass Farbe nicht das einzige visuelle Mittel zur Übermittlung von Informationen ist. Mit einem Farbenblindheits-Simulator zu testen hilft dir, dieses Kriterium zu erfüllen.

Tipps für farbzugängliches Design

Farbe mit Symbolen oder Mustern kombinieren

Verwende ✓ und ✗ neben Grün/Rot. Füge Streifen oder Texturen zu Diagrammsegmenten hinzu.

Textbeschriftungen zu Statusfarben hinzufügen

Statt nur eines roten Punktes zeige „Fehler“ oder „Offline“ daneben an.

Eine sichere Farbpalette wählen

Blau + Orange funktioniert bei den meisten Sehschwächen gut. Vermeide Rot + Grün bei kritischen Informationen.

Mit echten Bildern testen

Lade deine echten Screenshots, Mockups oder Diagramme hoch. Abstrakte Farbkästchen können kontextabhängige Probleme verfehlen.

Häufig gestellte Fragen

Was ist Farbenblindheit?+

Farbenblindheit (Farbsehschwäche) ist die verminderte Fähigkeit, bestimmte Farben zu unterscheiden. Sie betrifft weltweit etwa 8 % der Männer und 0,5 % der Frauen. Die meisten Menschen mit Farbenblindheit können weiterhin Farben sehen, nehmen sie aber anders wahr als jemand mit normalem Farbsehen.

Welche sind die wichtigsten Arten von Farbenblindheit?+

Die drei Hauptkategorien sind: Protan (Rot-Schwäche oder Rot-Blindheit), Deutan (Grün-Schwäche oder Grün-Blindheit) und Tritan (Blau-Schwäche oder Blau-Blindheit). Rot-Grün-Farbenblindheit (Protan und Deutan zusammen) macht etwa 99 % der Fälle aus. Vollständige Farbenblindheit (Achromatopsie) ist extrem selten.

Wie funktioniert ein Farbenblindheits-Simulator?+

Ein Farbenblindheits-Simulator wendet mathematische Farbtransformationsmatrizen auf jeden Pixel deines Bildes an. Diese Matrizen basieren auf Forschungen von Brettel, Vienot und Machado und modellieren, wie das menschliche Auge Farbe mit fehlenden oder schwachen Zapfentypen verarbeitet. Das Ergebnis ist ein Bild, das annähert, was eine farbenblinde Person sehen würde.

Warum sollten Designer auf Farbenblindheit testen?+

Etwa 1 von 12 Männern hat eine Form von Farbsehschwäche. Wenn dein Design allein auf Farbe setzt, um Bedeutung zu vermitteln — etwa Rot für Fehler, Grün für Erfolg — können farbenblinde Nutzer wichtige Informationen verpassen. Mit einem Simulator zu testen hilft dir, barrierefreie Oberflächen zu gestalten, die für alle funktionieren.

Ist dieses Tool kostenlos und privat?+

Ja. Dieser Farbenblindheits-Simulator ist völlig kostenlos und läuft komplett in deinem Browser. Deine Bilder werden nie auf einen Server hochgeladen. Alle Farbtransformationen erfolgen lokal über die Canvas-API, sodass deine Dateien privat bleiben.

Mehr erfahren

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations

Verfügbar fürmacOS&Windows

Lass jeden Screenshot pro aussehen.

ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.

ScreenSnap Pro entdecken