Color blindness simulator

Upload an image and see it through the eyes of someone with protanopia, deuteranopia, or tritanopia โ€” essential for checking that your graphics, maps, and interfaces are accessible.

๐Ÿ“ท Click or drag an image here

JPG, PNG, WebP, or GIF โ€” everything stays on your device

Original
Protanopia

๐Ÿ”’ Your image is processed entirely in your browser: it is never uploaded anywhere.

What are protanopia, deuteranopia, and tritanopia?

They are the three main forms of color blindness: protanopia means the red photoreceptors are missing, deuteranopia the green ones (the most common form), and tritanopia โ€” far rarer โ€” the blue ones. The first two affect roughly 8% of men and 0.5% of women: on a site with a thousand visitors, dozens of people may be unable to tell a red button from a green one. This tool applies the color-conversion matrices used in color vision research to every pixel of your image, giving you a realistic preview of how your design actually looks to them.

How to design graphics that work for color-blind users

The golden rule: never rely on color alone to convey information. In charts, add labels, patterns, or distinct shapes; in forms, flag errors with an icon and a message, not just a red border; in links, keep the underline. The most problematic pairs are red/green and blue/purple: if two nearby elements become indistinguishable after simulation, increase the brightness contrast or change one of the two hues. The quickest sanity check: if your image still works in black and white, it will work for everyone.