Color Blindness Simulator

How the Simulator Works

The tool applies standard color vision deficiency matrices to the RGB values of your hex color. Each matrix approximates the way a particular kind of color blindness alters the signals from the eye's cones, transforming the color into its perceived equivalent.

Enter a hex color like #FF5733 and the simulator reveals four views: protanopia (reduced red), deuteranopia (reduced green), tritanopia (reduced blue), and achromatopsia (no color). Comparing them shows how much information can be lost.

• Protanopia affects red-sensitive cones, shifting reds toward green.
• Deuteranopia affects green-sensitive cones, the most common form.
• Tritanopia affects blue-sensitive cones, making blues appear greenish.
• Achromatopsia removes color entirely, leaving only brightness.

Why Check Colors for Accessibility

Around 8% of men and 0.5% of women have some form of color vision deficiency. Pairing that depends on color alone — such as red text on a red-tinted background — will be unreadable for them. The simulator lets you preview and fix those conflicts before your design ships.

Use this color blindness simulator alongside contrast checking to build interfaces that are accessible to as many people as possible.