COLOR TOOL · CLIENT-SIDE

Color Blindness Simulator

See how a color appears to people with different types of color vision deficiency.

Normal Vision
Deuteranopia
Protanopia
Tritanopia
Achromatopsia

Types of color blindness

  • Deuteranopia — Green cone deficiency (most common, ~6% of males).
  • Protanopia — Red cone deficiency (~2% of males).
  • Tritanopia — Blue cone deficiency (very rare, <1%).
  • Achromatopsia — Total color blindness (extremely rare).

Why simulate?

Approximately 8% of men have some form of color blindness. Testing your palette ensures your charts, buttons, and UI elements remain distinguishable for all users. Use these swatches to verify accessibility.

Frequently Asked Questions

What is color blindness?

Color blindness is a condition where a person has difficulty distinguishing certain colors. The most common forms are red-green color blindness (deuteranopia and protanopia), followed by blue-yellow (tritanopia) and complete color blindness (achromatopsia).

What are the types of color blindness?

Deuteranopia affects green cone cells, protanopia affects red cone cells, tritanopia affects blue cone cells, and achromatopsia is total color blindness where only shades of gray are visible. Each type uses different transformation matrices to simulate the visual experience.

Why should I test for color blindness?

Approximately 8% of men and 0.5% of women have some form of color blindness. Testing ensures your designs, charts, and UI elements are distinguishable by all users. This simulator helps you preview your colors through different types of color vision deficiency.

Related guides