What is a Color Blindness Simulator?
Around 1 in 12 men and 1 in 200 women have some form of color vision deficiency. This simulator takes an image and shows how it looks under protanopia (no red cones), deuteranopia (no green cones) and tritanopia (no blue cones), side by side with the original.
When to use it
Use it while designing charts, dashboards, status badges, maps and UI states that rely on color. If red and green both mean something in your design, this is the quick way to see whether they turn into the same muddy shade for some users.
How it works
Pick an image and the tool redraws it on a canvas, applying a color transformation matrix for each type of deficiency to every pixel. The three results are shown next to the original. The image stays on your device and is never uploaded. Simulations are an approximation, so treat them as a design check rather than a medical test.
Frequently asked questions
Which types of color blindness can I simulate?
Protanopia (red-blind), deuteranopia (green-blind) and tritanopia (blue-blind). Red-green types are the most common in real life.
Is this a color blindness test?
No. It shows how an image may look to someone with a deficiency. It cannot diagnose anything. For a medical answer, see an eye care professional.
How do I fix a design that fails?
Do not rely on color alone. Add icons, labels, patterns or underlines, and make sure your color pairs also differ in lightness. The Color Contrast Checker on this site can help with that.
Is my image uploaded anywhere?
No. Everything is processed in your browser.