Color Blindness Simulator

Preview images and colors as seen by users with color vision deficiency

Drag & drop an image, or pick a sample

Your files never leave your browser. Nothing is uploaded to any server. Privacy Policy

Upload an image or pick a color and see how it appears to users with the most common color vision deficiencies — protanopia, deuteranopia, tritanopia and full achromatopsia. An essential tool for designers building accessible UI and infographics.

How to simulate color blindness

1
Upload an image

Drop an image or pick a color to test.

2
Compare simulations

View side-by-side how each color vision type perceives the input.

3
Adjust your design

Use the insights to choose accessible colors and patterns.

👁
8 simulations

Protanopia, deuteranopia, tritanopia and their milder anomalous variants, plus achromatopsia.

🖼
Image upload

Upload your design or screenshot to see all simulations side-by-side.

🎨
Color picker

Pick a single color and see how each deficiency perceives it.

🔒
Local processing

Images are processed in canvas locally — never uploaded.

FAQ

The simulations use scientifically derived transformation matrices (Brettel/Viénot/Mollon). They're a useful approximation but not a substitute for testing with real users.

Deuteranopia/deuteranomaly (red-green) is the most common, affecting around 5–6% of men. Protan and tritan deficiencies are less common.

Achromatopsia is total color blindness — users see only grayscale. Affects roughly 1 in 30,000 people.

Use them as a design aid, but combine with WCAG contrast checks and never convey information by color alone.

No. All canvas processing runs in your browser — images stay on your device.

More free tools