Colorblindness Simulator for Images

Colorblindness Simulator for Images

Roughly one in twelve men and one in two hundred women have some form of color vision deficiency (CVD). If your charts, dashboards, maps, or UI rely on color alone to carry meaning, a sizable share of your audience may not see the distinction you intended. This simulator re-renders an image the way it would appear with the three common types of color blindness, so you can check your work in seconds.

It covers protanopia and deuteranopia (the two red–green deficiencies, by far the most common) and tritanopia (a rarer blue–yellow deficiency). The transformation is applied in linear light for a perceptually reasonable approximation — close enough to reveal the problems that matter, like a red/green status indicator collapsing into two near-identical tones.

Use it on legends, call-to-action buttons, heatmaps, and infographics. If two categories become hard to tell apart in any simulation, add a non-color cue — a label, pattern, icon, or shape — so the meaning survives for everyone. You can export the simulated image to share the issue with your team.

How to simulate colorblindness on an image

1. Add your image — a chart, UI screenshot, or graphic works well.
2. Pick a type — protanopia, deuteranopia, or tritanopia.
3. Compare — the preview re-renders so you can spot lost contrast.
4. Download — save the simulated image as PNG, JPG, or WebP.

Tip: never rely on color alone

The most robust fix is redundancy: pair every color with a second signal — text, an icon, a pattern, or position. That way the information is legible regardless of how a viewer perceives color.