Color Blindness Simulator
100% LocalSimulate 8 types of color vision deficiency on any image or color palette.
Normal Vision
Normal Vision
Upload a design to see how it looks
Upload an image or enter a color to simulate how it appears with protanopia, deuteranopia, or tritanopia.
What is Color Blindness Simulator?
Frequently Asked Questions
Technical Deep Dive
Color Blindness Simulator
Simulate how your designs look to users with 8 types of color vision deficiency: Protanopia, Deuteranopia, Tritanopia, Achromatopsia, and their anomalous variants. Apply color transformation matrices to an uploaded image and view a side-by-side comparison. Also shows a live color palette preview for each vision type. Includes prevalence data and WCAG accessibility tips.
Pixel-Precise Output
Generates CSS, tokens, or assets that match what your design system expects.
Live Visual Preview
See changes the moment you make them, no copy-paste cycle between tool and IDE.
Copy-Paste Ready
Output is formatted for direct use in stylesheets, Tailwind configs, or Figma tokens.
01 Color Vision Deficiency (CVD) Matrix
| Type | Cone Deficiency | Prevalence (M/F) | Core Visual Impact |
|---|---|---|---|
| Deuteranopia | Medium (Green) | 1% / 0.01% | Red/Green collapse |
| Protanopia | Long (Red) | 1% / 0.02% | Red dimming / collapse |
| Tritanopia | Short (Blue) | < 0.01% | Blue/Yellow collapse |
| Achromatopsia | All Cones | < 0.001% | Total grayscale vision |