ZeroUtil

Color Blindness Simulator

Simulate how colors appear with protanopia, deuteranopia, tritanopia, and achromatopsia using color transformation matrices.

How to Use the Color Blindness Simulator

Enter a HEX color using the color picker or text input, then click Simulate. The tool shows how your color appears to people with different types of color vision deficiency.

Vision Types Simulated

  • Normal Vision — Trichromatic, no color deficiency (baseline)
  • Protanopia — Red-blind, missing L-cones (affects ~1% of males)
  • Deuteranopia — Green-blind, missing M-cones (affects ~1% of males)
  • Tritanopia — Blue-blind, missing S-cones (very rare)
  • Achromatopsia — Total color blindness, monochromatic vision

Use Cases

  • Designers checking color accessibility
  • Ensuring UI elements are distinguishable for all users
  • Education about color vision deficiency

Frequently Asked Questions

How accurate is the simulation?

The tool uses scientifically-derived color transformation matrices that approximate how colors appear to people with each type of color vision deficiency. Results are good approximations but may vary slightly from individual experience.

What percentage of people are affected?

About 8% of males and 0.5% of females have some form of color vision deficiency. Red-green deficiency (protanopia and deuteranopia) is most common.

Should I use this for accessibility testing?

Yes! This is a great starting point for checking color accessibility. Ensure important UI elements are distinguishable across all vision types, not just through color alone.

What color format is supported?

Enter colors in 6-digit HEX format (e.g., #3B82F6). Use the color picker for easy selection.

Ad

More Fun & Utility