InputTestHub

Colour Blindness Simulator

Shows how a colour or palette appears to people with protanopia, deuteranopia, tritanopia and achromatopsia.

Colour & Design Nothing uploaded No sign-up Free, unlimited
Colour & Design tool
Comma separated hex values
Pick a colour to see every value.
In short Around 8% of men and 0.5% of women have some form of colour vision deficiency, which in a typical audience means one in every twelve or so male visitors. The common forms affect red and green: deuteranopia and protanopia both collapse that axis, so red and green become hard or impossible to tell apart, while tritanopia affects blue and yellow and is far rarer. Achromatopsia, seeing no colour at all, is rarer still but is the strictest test — anything that survives it survives everything. The single rule that matters is that colour must never be the only carrier of meaning. A red invalid field and a green valid one are identical to a large minority of your users unless the red one also has an icon, a border change or a message. Charts that distinguish series by colour alone are the same failure at scale, and so are status dots. Simulating your palette is the fastest way to find these: if two swatches merge under deuteranopia, they cannot be the pair you use for pass and fail. Adding a shape, a label or a pattern fixes it permanently.

How to use the Colour Blindness Simulator

  1. Pick a colour with the picker or paste a HEX, RGB or HSL value.
  2. Every other format and the generated variations update instantly.
  3. Click any value or swatch to copy it.

About the Colour Blindness Simulator

The Colour Blindness Simulator shows how a colour or palette appears to people with protanopia, deuteranopia, tritanopia and achromatopsia. It runs as plain JavaScript inside the page, which means there is no upload step, no queue and no size limit imposed by a server — the only limit is your own device.

What people use it for

  • Checking a chart palette stays distinguishable.
  • Testing whether a red and green status system works for everyone.
  • Validating a brand palette for accessibility.
About 8% of men and 0.5% of women have some form of colour vision deficiency. Never use colour alone to convey meaning — pair it with a label, an icon or a pattern.

Frequently asked questions

Is the Colour Blindness Simulator free, or is there a paid tier?
It is free, with no account, no trial and no daily cap. Every colour & design tool on inputtesthub.com works the same way: open the page and use it.
Is my data uploaded anywhere?
No. The Colour Blindness Simulator runs entirely in your browser using JavaScript. Because the work happens locally, the page also keeps working if your connection drops, and closing the tab is all it takes to discard everything.
What do people use the Colour Blindness Simulator for most?
The most common reasons people reach for it: checking a chart palette stays distinguishable. Testing whether a red and green status system works for everyone. Validating a brand palette for accessibility. It is built for exactly those cases rather than being a general-purpose tool with this bolted on.
Is there a catch?
About 8% of men and 0.5% of women have some form of colour vision deficiency. Never use colour alone to convey meaning — pair it with a label, an icon or a pattern.
Will this work on a tablet?
Yes. The page is responsive and the page works in Chrome, Safari, Firefox, Edge and Samsung Internet on both Android and iOS. There is no app to install and nothing to sign into.

Related colour & design tools

All 33
01

Colour Code Converter

Converts colours between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB and named CSS colours.

02

Colour Picker

Picks any colour and shows its HEX, RGB, HSL, HSV, CMYK and LAB values, plus tints, shades and…

03

HEX to RGB Converter

Converts HEX colour codes to RGB and RGBA values, handling 3, 4, 6 and 8 digit hex.

04

RGB to HEX Converter

Converts RGB and RGBA values into HEX colour codes, including 8-digit hex with alpha.

05

HSL Colour Converter

Converts between HSL, HEX and RGB, so you can adjust lightness and saturation predictably.

06

CMYK Colour Converter

Converts between CMYK and RGB or HEX for print work, with a note on gamut differences.

09

Colour Contrast Checker

Calculates WCAG contrast ratio between two colours and reports AA and AAA pass or fail for…

10

Tailwind Colour Converter

Finds the nearest Tailwind colour class for any hex value, and shows the hex for any Tailwind…