Color Blindness Simulator
See how your colors and images look to people with each of the seven common types of color vision deficiency. Pick a color or upload an image, and every simulation renders side by side.
Quick Answer
Color blindness, properly called color vision deficiency, comes in seven common forms. Protanopia, deuteranopia and tritanopia mean the red, green or blue cone is missing entirely. Protanomaly, deuteranomaly and tritanomaly mean that cone works but is shifted, giving a milder version. Achromatopsia means no color cones function at all, leaving only shades of grey. Red and green confusion is by far the most common, affecting around 1 in 12 men.
Advertisement
How the simulation works
Each simulation applies a 3 by 3 color transformation matrix taken from Machado, Oliveira and Fernandes (2009), a physiologically based model published in IEEE Transactions on Visualization and Computer Graphics. The model derives its matrices from how cone cells actually respond to light, and it parameterises severity, which is what allows the same framework to produce both the complete forms such as deuteranopia and the partial forms such as deuteranomaly.
One detail matters for accuracy and is often skipped. The matrices operate on linear light, not on the gamma encoded values stored in an image file. This tool converts each pixel from sRGB to linear RGB, applies the matrix, then converts back. Skipping that step produces simulations that look roughly right but shift the lightness of every color, which is exactly the property you are usually trying to judge.
Achromatopsia is handled separately, as a luminance conversion using the Rec. 709 coefficients, since it is the absence of all cone based color rather than a shift between cone types.
Frequently Asked Questions
Source: Transformation matrices from Machado, G. M., Oliveira, M. M., and Fernandes, L. A. F. (2009), A Physiologically-based Model for Simulation of Color Vision Deficiency, IEEE Transactions on Visualization and Computer Graphics 15(6). Prevalence figures from Colour Blind Awareness. Design requirements from WCAG 2.2 Success Criterion 1.4.1 Use of Color.