Color Blindness Simulator

Preview any color palette or image under seven types of color vision deficiency, from protanopia to achromatopsia.

One color per line, or separated by commas. Short hex, long hex, bare hex, and rgb() all parse.

Paste a palette above to see every color simulated, with the WCAG contrast and CIE76 deltaE of each neighboring pair.

Related tools

What it does

Runs a palette through seven color vision deficiencies and gives you the simulated hex for each one: protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, and achromatopsia. Every color is decoded from sRGB to linear light, transformed by the published Machado, Oliveira and Fernandes (2009) matrix for that deficiency, then re-encoded, so the output is a real simulation rather than a hue rotation. With the pair check on it also reports the WCAG contrast ratio of each neighboring pair before and after simulation, plus a CIE76 deltaE, and flags any pair that collapses into near identical colors.

How to use it

Paste your palette with one color per line, or separated by commas or spaces. Hex short form (#f00), hex long form (#1d4ed8), bare six digit hex, and rgb(29, 78, 216) all parse. Leave the deficiency on All seven for a full comparison, or pick a single one to get a compact original to simulated row per color. Every row has its own copy button, so you can paste the simulated palette straight into a design file or a ticket.

Why this one

The well known simulators either want an upload, cap you at a few images a day, or wrap the answer in ads. This one is a plain text box: your inputs never leave your device, there is no sign in, and there is no limit on how many palettes you check. It also does the part most simulators skip, which is telling you which specific pair of your colors stops being distinguishable and by how much.

FAQ
Which simulation matrices does this use, and why do results differ from other tools?
It uses the Machado, Oliveira and Fernandes (2009) matrices: the severity 1.0 rows for protanopia, deuteranopia, and tritanopia, and the severity 0.5 rows for the three anomalous types. Achromatopsia uses Rec. 709 luminance weights. Other simulators often use the older Brettel or Vienot models, or apply the matrix to gamma encoded sRGB instead of linear light, and both choices shift the result by a visible amount. This tool decodes with the exact piecewise sRGB transfer function before transforming.
Can it simulate images, not just palettes?
Yes. Image preview runs in the page using the same matrices on the same linear RGB pipeline, pixel by pixel on a canvas. Nothing is uploaded and no image ever leaves your device, so the file size limit is whatever your browser can hold in memory.
What does the hard to tell apart flag actually mean?
For each neighboring pair it computes a CIE76 deltaE in Lab space between the two simulated colors. A deltaE under 12 means the pair reads as roughly the same color to someone with that deficiency, so the flag is a prompt to change one of them or add a non color cue such as a shape, label, or line style.

Keyboard shortcuts: press ? anywhere on this page to see them.