Color Blindness Simulator
See colours as colour-blind users do.
What would you like to do next?
See your colours through colour-blind eyes
Around one in twelve men and one in two hundred women see colour differently, so a palette that looks clear to you can turn into mush for them. This simulator takes any colour you enter — by hex, name or the colour picker — and shows it transformed for the main types of colour vision deficiency: protanopia and deuteranopia, where reds and greens collapse together, tritanopia, where blues and yellows do, and full achromatopsia, which removes colour entirely. Below the single swatch it runs a typical eight-colour palette through each condition, which is the real test, exposing pairs that become indistinguishable so you can pick safer combinations or add labels and patterns. It uses standard colour matrices and runs entirely in your browser, making it a fast accessibility check while you design.
How to act on it
If two swatches look the same under a condition, do not rely on colour alone to tell them apart — add text, icons, patterns or differing brightness so the meaning still comes through.
Frequently asked questions
What are protanopia and deuteranopia?
They are the most common forms of red-green colour blindness, where the red or green cones are missing, making those hues hard to tell apart. Together they affect most colour-blind people.
Is this an accurate medical test?
No. It is a design aid using standard simulation matrices to approximate how colours shift. It is great for checking palettes, but it is not a diagnosis.
How do I make a design colour-blind friendly?
Avoid relying on colour alone. Use clear contrast, and back up colour with text labels, icons or patterns so information is never lost when hues merge.