Skip to content
AZ Tools

Color Blindness Simulator

See how your image looks to people with each of 8 types of color vision deficiency (CVD).

Vision type

About the simulation

Color blindness simulation uses linear RGB transforms. It's an approximation of how the image might appear, not a clinical replica. Always validate critical accessibility decisions with real users or formal contrast tooling like WCAG checkers.

How to use

  1. Drop a screenshot of a chart, palette, or design.
  2. Click each chip to see the image rendered for that vision type.
  3. Download a copy of the current simulation to share with the team.

About this tool

Show

Preview an image or a colour pair as people with different kinds of colour vision deficiency see them: the three dichromacies, their milder anomalous forms, and full achromatopsia. Around eight percent of men of northern European descent have some red-green deficiency, deuteranomaly being the most common by a wide margin, which makes this a check worth running on anything with a red-and-green state in it. The lesson usually arrives immediately — a green success badge and a red error badge that read as the same muddy tone confirm that colour was carrying the meaning on its own, and the fix is to add a shape, an icon or a word rather than a different hue. These are standard simulation matrices: a design tool, not a diagnostic one.

Frequently asked questions

Are these scientifically accurate?

They're approximations based on widely-cited linear RGB transforms. Real human vision varies; treat the previews as 'how this might look', not exact.

Which types affect the most people?

Deuteranomaly (mild green weakness) is by far the most common — about 5% of men. Protanomaly and protan/deutan dichromacy together account for most CVD.

What's achromatopsia?

Complete color blindness — the world is seen in shades of gray. Very rare, but a good worst-case check: if the design still works in pure grayscale, it'll work for everyone.

Why is my image uploaded?

It isn't — the simulation runs locally with Canvas. The image and the matrices both stay in your browser.

How much does red-green separation actually collapse?

Enough to measure. Pure red and pure green sit 361 units apart in RGB. Under the protanopia matrix red becomes (145, 142, 0) and green becomes (110, 113, 62) — 77 units apart, a 79% loss. Deuteranopia takes them to (159, 179, 0) and (96, 77, 77), 143 apart, a 60% loss. That is the whole argument against colour-only status indicators in one number: a pair your eye reads as maximally different can arrive four times closer than you designed it.

The matrix runs on sRGB values, not linear light — does that matter?

It shifts the mid-tones. Physiological simulation models such as Brettel's and Viénot's are defined on linear RGB, and applying a matrix straight to the gamma-encoded bytes makes the result somewhat darker and more saturated than a linearised pipeline would. It is done that way here because it is what essentially every web CVD simulator does, so the output is comparable with the tools you would check against. Treat it as a reliable answer to 'can these be told apart' and not as a colorimetric prediction of what someone sees.

Guides on this topic

Related tools