DocomintColor Blindness Simulator
Preview how a color looks under protanopia, deuteranopia, and tritanopia color vision deficiency.
About 1 in 12 men and 1 in 200 women have some form of red-green color vision deficiency, which makes color-only signals (a red "error" vs. green "success" badge, a chart legend distinguished only by hue) invisible to a meaningful share of users. This applies a standard linear-RGB transformation matrix for each of the three dichromatic types so you can spot-check whether a color choice still reads as distinct before shipping it.
Example: A pure red (#ef4444) shifts to a muted olive-brown under simulated protanopia and deuteranopia — a strong signal that a red/green-only status indicator needs an icon or label too, not just a color change.
How it works
- Pick a color
- A linear-RGB approximation matrix is applied for each deficiency type on your device
- Compare the original against protanopia, deuteranopia, and tritanopia side by side
Frequently asked questions
How accurate is this color blindness simulation?
It uses a widely-used linear-RGB approximation matrix for each dichromatic type, which is a helpful quick sanity check but not a clinically precise simulation — it skips a full LMS cone-response pipeline with gamma correction. Treat results as directional, not diagnostic.
What's the difference between protanopia and deuteranopia?
Both are red-green color vision deficiencies from missing a different cone type: protanopia is missing the red (long-wavelength) cone, deuteranopia is missing the green (medium-wavelength) cone. Both make red and green hard to distinguish, though the exact shift differs. Tritanopia, the third type simulated here, is a rarer blue-yellow deficiency from a missing blue cone.
Is my color values uploaded anywhere?
No — Color Blindness Simulator runs entirely in your browser using JavaScript/WebAssembly. Your color values is never sent to a server.