Color Blindness Simulator

See any image β€” your design, your chart, your photo β€” the way the 1 in 12 men and 1 in 200 women with color vision deficiency see it. Drag the slider to compare, check all eight types at a glance.

100% in your browser — your images are never uploaded.

Image

Drop an image, click to browse
or press Ctrl+V to paste

Vision type

Severity

Download

ORIGINALDEUTERANOPIA
⟷ drag on the image to move the split

About the Color Blindness Simulator

Roughly 1 in 12 men and 1 in 200 women have some form of color vision deficiency β€” that's about 350 million people, and statistically several of your users, students, or customers. If your chart encodes meaning as red-vs-green, your form marks errors only with color, or your map legend leans on subtle hue differences, part of your audience simply can't see what you're saying. This tool shows you exactly what they see instead β€” on your own image, in seconds.

The eight vision types

How the simulation works β€” and why it's the accurate kind

Colors are transformed with the Machado, Oliveira & Fernandes (2009) simulation matrices β€” a peer-reviewed physiological model that's become the standard for this job. One detail matters a lot: the matrices are meant to operate in linear RGB, so this tool first undoes your image's gamma encoding, applies the transform, then re-encodes. Many quick simulators skip that step and produce washed-out, misleading results. The severity slider blends between normal vision and the full deficiency, approximating the milder anomalous forms most affected people actually have.

How to use it as a design check

Good to know

Common questions

How can I see what my design looks like to colorblind users?

Drop in a screenshot of your chart, UI, or map and view it through research-grade simulations of eight vision types. The draggable before/after slider makes problem areas obvious, and the grid view shows every type at once.

What is the difference between protanopia, deuteranopia, and tritanopia?

Protanopia and deuteranopia are the red-green types, where reds and greens collapse toward similar muddy tones; deuteranopia is the most common. Tritanopia is the rare blue-yellow type. The simulator includes all three plus their milder forms and full monochromacy.

How common is color blindness?

Roughly 1 in 12 men and 1 in 200 women have some form of color vision deficiency, which means a red-green status pair in your dashboard fails for about 8% of your male users.

How do I make my charts accessible to colorblind users?

Never rely on color alone: pair color with labels, patterns, shapes, or position. Test your palette here first; if your error-red and success-green collapse into the same shade in the deuteranopia view, add a second cue.

Is the simulation scientifically accurate?

It uses the Machado 2009 physiologically-based model computed in linear RGB, the standard approach in vision research, with a severity slider for the milder anomalous forms.

Related tools