Color Blindness Simulator

Preview how an image looks to people with protanopia, deuteranopia, or tritanopia.

Simulator Color & Design Updated Apr 19, 2026
How to Use
  1. Drop a design or photo.
  2. Toggle between the three simulation modes.
  3. Compare side-by-side with the original.
Image
👁
Drop image
Preview

Types

Protanopia
Missing L-cones; reds darken/confuse with green
Deuteranopia
Missing M-cones; most common form
Tritanopia
Missing S-cones; rare blue-yellow confusion
Achromatopsia
Total color blindness — grayscale

Frequently Asked Questions

Are these accurate?

Uses the Brettel / Viénot matrix model — close for dichromacy, approximate for real-world anomalies. Enough to catch red-green failures in UI.

Common Use Cases

UI accessibility

Verify charts and status indicators remain readable.

Last updated: