ToolWren › Color Blindness

Color Blindness Simulator

See how any color appears to people with the main types of color vision deficiency — essential for accessible design.

100% client-side · nothing is uploaded

Loading tool…

How to use the Color Blindness

Pick a color with the picker or HEX field.
The tool shows it as seen with normal vision and each common color vision deficiency.
Compare the swatches to spot colors that become hard to tell apart.
Avoid relying on those colors alone to convey meaning in your design.

Privacy: this tool runs entirely in your browser. Your input is never sent to, received by, or stored on any server — there are no uploads and no tracking of what you enter.

About Color Blindness

Color vision deficiency

About 1 in 12 men and 1 in 200 women have some form of color blindness. The most common types affect red-green perception (protanopia, deuteranopia); tritanopia affects blue-yellow, and achromatopsia is total color blindness.

How to use it

Pick a color and the tool shows it as seen with normal vision alongside each simulated deficiency, so you can spot colors that become indistinguishable.

Designing inclusively

Avoid relying on color alone to convey meaning, and test key UI colors here to ensure they remain distinguishable for everyone.

Frequently asked questions

Which types are simulated?

Protanopia and deuteranopia (red-green), tritanopia (blue-yellow) and achromatopsia (no color).

How accurate is it?

It uses standard simulation matrices for a good approximation; real perception varies by individual.

Why does color blindness matter in design?

Relying on color alone can make charts, links and statuses unreadable for many users.