This tool shows how a colour appears to people with the most common colour vision deficiencies — protanopia, deuteranopia, tritanopia and full achromatopsia. Enter a colour and compare side by side how it looks to typical vision versus each deficiency, so you can check whether a palette stays distinguishable for colour-blind users.
How it works
The simulator uses the Machado et al. (2009) sRGB transformation matrices at full severity — the de-facto standard, also used by Chrome DevTools. For each deficiency it runs this pipeline: the input colour is gamma-decoded from sRGB to linear RGB, multiplied by that deficiency’s 3×3 matrix to remap the channels as the missing cone type would, then gamma-encoded back to sRGB. Achromatopsia instead collapses the colour to its luminance, producing grey.
| Type | Affected cones | Confusion |
|---|---|---|
| Protanopia | red | red-green |
| Deuteranopia | green | red-green |
| Tritanopia | blue | blue-yellow |
| Achromatopsia | all | none (greyscale) |
Example
A pure red (#ff0000) appears as a dull yellow-brown under protanopia and deuteranopia, because the red signal is remapped without a red cone, and as mid-grey under achromatopsia. This reveals why red-on-green warnings can be invisible to many viewers. All processing happens locally in your browser; nothing is uploaded.