Color Blindness Simulator
Preview any color palette through the lens of protanopia, deuteranopia, tritanopia and monochromacy.
Add colors to your palette, then see them simulated under each type of color vision deficiency.
How to use the Color Blindness Simulator
-
Add one or more colors to your palette.
-
View them under each of the four deficiency simulations.
-
Adjust your palette for distinguishable colors.
Why simulate color blindness?
About 8% of men and 0.5% of women have some form of color vision deficiency. Protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind) are the three dichromatic types; monochromacy (complete grayscale) is rare but instructive. Designing without checking these can make critical UI elements — error states, charts, links — invisible. This simulator uses accurate matrix transforms to remap colors in real-time.
Key features
- Simulates protanopia, deuteranopia, tritanopia, and monochromacy
- Works with hex color input or multi-color palettes
- Side-by-side comparison of original vs simulated
- All processing is local — no upload
Frequently asked questions
How accurate are the simulations?
They use the widely-cited Brettel-Viénot-Mollon matrix method, which is the standard in accessibility tooling and academic research.
Should I only design for color-blind users?
No — color should never be the ONLY way to convey information. Combine color with icons, text labels, and patterns for universal accessibility.
Is my palette uploaded?
No. Color processing happens entirely in your browser.