Colorblindness Vision Simulator
See an image or colour palette the way people with protanopia, deuteranopia, tritanopia and achromatopsia see it. Check charts and UI colours for accessibility.
Drop a file here or click to choose
A screenshot, chart, map or design. Processed in your browser.
What is a Colorblindness Vision Simulator?
About 1 in 12 men and 1 in 200 women have some form of colour vision deficiency. This simulator shows how your design, chart or photo looks to them. It uses the Machado, Oliveira and Fernandes (2009) model, applied in linear RGB, for the three types of dichromacy, plus full colour blindness (achromatopsia).
Execution Privacy:Toolbrix processes this utility using🔒 Processed locally — color matrix transformation.
How to use this Colorblindness Vision Simulator
To test an image, upload a screenshot of your page, chart or design. Five versions appear side by side.
To test a palette, switch to "Check a colour palette" and enter HEX colours separated by commas.
Look for colours that become hard to tell apart, especially red and green.
Fix problems with stronger lightness contrast, labels, icons or patterns rather than colour alone.
Frequently Asked Questions
Q:What is the most common type of colour blindness?
Red-green deficiency (protan and deutan types) is by far the most common, mostly in men. Blue-yellow (tritan) is rare.
Q:Is this simulation exact?
It is a widely used scientific model of full dichromacy. Many people have milder forms, so they see somewhere between normal and the simulation.
Q:Are my images uploaded?
No. The colour conversion runs on a canvas in your browser.
Related Tools
Explore similar micro-utilities and developer tools on Toolbrix.
WCAG Color Contrast Ratio Checker
Calculate text/background color contrast ratios according to WCAG 2.1 AA and AAA standards.
EyeDropper Color Picker & Palette Generator
Pick colors from your screen with native EyeDropper API and generate harmonious color palettes.
Color Space Converter (HEX, RGB, HSL, OKLCH)
Convert colors between HEX, RGB, HSL, HSV, CMYK, and modern OKLCH CSS values.