Compare colour vision deficiency views

Compare a colour across three types of colour vision deficiency. Built for writers, designers and developers preparing content or an asset before publication.

Compare a colour across three types of colour vision deficiency. See the result immediately in your browser, with no account, upload or stored data.

How to use

Enter a color in hexadecimal format in the input field.
Run the simulation to display previews for the available deficiencies.
Compare the three views and find shades that become hard to distinguish.
Try another color if your interface uses several colors to carry information.
Note which combinations remain readable across all simulated previews.

Example

With the sample color, see how the blue tone changes in each preview. If two interface elements look too similar, you can choose another shade or add a visual cue.

Input

#2563EB

Limits and formats

The simulation covers three deficiencies and does not replace testing with real users.
One color alone is not enough; check contrast, shapes and labels as well.
Screen settings and display quality can change how the final result appears.
The rendering depends on your screen color model and is not a medical diagnosis.

Where processing happens

The preview is generated inside your browser. The color you enter does not leave your device and is not saved by the page. You can compare several shades one after another.

Frequently asked questions

How many types of color blindness are simulated?

The tool shows three color vision deficiencies. This gives a useful preview, but other forms and levels of color blindness are not covered.

Can I test a full palette?

The simulation works with one color at a time. For a palette, test each important shade, especially colors that carry meaning or indicate a state.

Does this guarantee an accessible design?

No, it only helps reveal risky combinations. To validate a design properly, combine contrast checks, labels, shapes and feedback from people concerned.

What format should I use for the color I want to test?

Enter a color in hexadecimal format in the input field. Then run the simulation to display previews for the available deficiencies. Compare the three views and find shades that become hard to distinguish. If your interface uses several colors, try another color. The color you enter does not leave your device.

Can screen settings affect the simulated preview?

Yes. Screen settings and display quality can change how the final result appears. The rendering depends on your screen color model and is not a medical diagnosis. The simulation does not replace testing with real users. Use the previews to find risky combinations, then check contrast, shapes and labels as well.