Color Blindness Simulator

See how a colour looks with protanopia, deuteranopia and tritanopia.

Ad placeholder (leaderboard)
Enjoying the tools? Go Pro for £4.99 (one-time) and remove all ads — forever, on this device. Remove ads — £4.99

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.

TypeAffected conesConfusion
Protanopiaredred-green
Deuteranopiagreenred-green
Tritanopiablueblue-yellow
Achromatopsiaallnone (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.

Ad placeholder (rectangle)