๐๏ธColor Blindness Simulator
Simulate how an image or color appears to people with color vision deficiencies โ protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), and achromatopsia. Useful for web/app accessibility checks, contrast verification, and infographic/chart color choices. Processed in your browser.
How to use
- 1Upload an image.
- 2Pick a color vision deficiency type.
- 3Compare the original and simulated results side by side.
FAQ
Which types are supported?+
Protanopia, deuteranopia, tritanopia, protanomaly/deuteranomaly (anomalous), and achromatopsia.
Why check for color blindness?+
About 8% of men and 0.5% of women have color vision deficiency. Designs that rely only on red/green can be invisible to them โ important for WCAG accessibility.
Is it accurate?+
It uses widely-used color transform matrices (Brettel/Viรฉnot-based). Not identical to real perception, but valid for design checks.
Are photos uploaded?+
No. All transforms run on a browser canvas โ nothing is uploaded.
Can I test a single color?+
Yes โ test color swatches as well as images, useful for checking a design palette.
How do I improve accessibility?+
Don't rely on color alone โ add brightness contrast, patterns, and labels. Avoid redโgreen; prefer safer pairs like blueโorange.