Colour Blindness Simulator

Simulate color blindness on any image — protanopia, deuteranopia, tritanopia — free online.

Image

About

About the Colour Blindness Simulator

Simulates how an image looks to someone with one of four common types of color vision deficiency — protanopia, deuteranopia, tritanopia or achromatopsia — by remapping its colors the way that condition would perceive them, then lets you download the result as a PNG.

Designers and product teams use it to check whether a chart, icon set or interface still reads clearly for colorblind users before shipping it, while educators use it to demonstrate what color vision deficiency actually looks like. It joins Toolapt's other free designer tools, with no account required and no cap on how many times you come back to use it.

Choose what to view about this tool

Guide

Using the Colour Blindness Simulator

  1. 1

    Step 1

    Click to upload or drag and drop an image.

  2. 2

    Step 2

    Choose which type of color vision to simulate — protanopia, deuteranopia, tritanopia or achromatopsia.

  3. 3

    Step 3

    The simulated version appears automatically — pick a different type any time to update it, then click Download PNG to save it.

  • Simulates four distinct types of color vision deficiency, not just a generic grayscale filter
  • Shows the result on a canvas right on the page, so you can compare it against the original instantly
  • Lets you download the simulated image as a PNG to share or include in a report
  • Works entirely in your browser using the Canvas API — no installs and no sign-up
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Designers

Designers use the Colorblindness Simulator for checking whether a chart, icon set or color scheme still reads clearly for colorblind users.

Product and UX teams

Product and UX teams use the Colorblindness Simulator for spotting accessibility issues in a screen or interface mockup before it ships.

Educators

Educators use the Colorblindness Simulator for demonstrating to students what different types of color vision deficiency actually look like.

Marketing and content teams

Marketing and content teams use the Colorblindness Simulator for checking that key visuals in an ad or graphic remain understandable to colorblind viewers.

Examples

Colour Blindness Simulator examples

3 worked examples

01

Protanopia on a red/green chart

Applying protanopia to a bar chart with red and green bars turns the green bars dark grey and the red bars a muddy olive, so profit and loss become hard to tell apart — a sign the chart needs labels or patterns, not colour alone.

02

Deuteranopia on a logo

Applying deuteranopia to a red-and-green logo turns the red into olive-yellow and the green into a dull grey-violet, showing how differently the brand reads for someone with green-blindness.

03

Achromatopsia preview

Applying achromatopsia to a colour photo of tulips renders it entirely in shades of grey, simulating complete colour blindness — download it as colorblind-simulation.png.

FAQ

Frequently asked questions

Quick answers to common questions about the Colour Blindness Simulator.

What does the Colorblindness Simulator do?

It remaps an image's colors to simulate how someone with protanopia, deuteranopia, tritanopia or achromatopsia would perceive it, and lets you download the result.

Is the Colorblindness Simulator free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my image safe when I use this tool?

Yes. The simulation runs entirely on your own device using your browser's built-in Canvas API — your image is never uploaded to a server.

What's the difference between protanopia, deuteranopia and tritanopia?

Protanopia and deuteranopia are red-blind and green-blind respectively — the two most common forms, often grouped as "red-green" color blindness. Tritanopia is blue-blind and much rarer. Achromatopsia is complete color blindness, seeing only in shades of gray.

Is this simulation exactly what a colorblind person sees?

It's a close, widely used approximation based on how each condition's altered color perception works, not a perfect physiological match — individual experiences of color vision deficiency vary.

Can I compare the simulated version side by side with the original?

Yes. The original stays in the upload area above the canvas, so you can look between the two, and you can re-run the simulation with a different type at any time.

Can I use the Colorblindness Simulator on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Does the Colorblindness Simulator have any limitations?

It simulates the four most commonly discussed types of color vision deficiency; it doesn't cover every rare variant of color blindness.

Still have a question? Contact us

Report a problem

Colour Blindness Simulator

What went wrong?
    or paste a screenshot