logoColorTinder

Color Blindness Simulator

Preview how your colors look for people with protanopia, deuteranopia, tritanopia, and other color vision deficiencies.

Normal Vision

#E63946
#457B9D
#2A9D8F
#E9C46A
#F4A261

Normal VisionStandard color vision

#E63946
#457B9D
#2A9D8F
#E9C46A
#F4A261

Full Comparison

Vision Type
Normal Vision
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
Protanomaly
Deuteranomaly

Frequently Asked Questions

What types of color blindness are simulated?

The tool simulates Protanopia (no red cones), Deuteranopia (no green cones), Tritanopia (no blue cones), Achromatopsia (total color blindness), plus Protanomaly and Deuteranomaly (reduced sensitivity variants).

How accurate is the simulation?

The simulation uses the standard Vienot/Brettel color transformation matrices, which are widely used in accessibility tools. Results are a close approximation — real color vision is individual and more complex.

Why should designers test for color blindness?

About 8% of males and 0.5% of females have some form of color vision deficiency. Testing ensures your UI is readable for everyone — especially important for status indicators, charts, and data visualization.