Color Blindness Simulator

Upload an image and preview it through protanopia, deuteranopia and tritanopia filters.

How to use

  1. Upload an image — JPG, PNG or WebP.
  2. Select the type of colour vision deficiency: protanopia (no red), deuteranopia (no green) or tritanopia (no blue).
  3. Compare the original and simulated images side by side to check if your design remains legible.

About this tool

Simulates how an image looks to people with colour vision deficiency (colour blindness). Supports the three main types: protanopia (red-blind, ~1% of men), deuteranopia (green-blind, ~5% of men) and tritanopia (blue-blind, rare).

The simulation uses the Brettel–Viénot–Mollon algorithm, which is the most accurate model for simulating dichromatic vision. The entire process runs in your browser using the Canvas API — your image is not uploaded anywhere.

Use it to test UI designs, data visualisations, maps and infographics. If important information is conveyed only by colour (red vs. green), it will be invisible to ~6% of male users. Add patterns, labels or shape differences as a secondary signal.

Frequently asked questions

Does my data leave my browser?

No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.

Is it free?

Yes. Upload an image and preview how it looks under protanopia, deuteranopia and tritanopia — no signup, no upload to any server.

Does the tool work offline?

Once the page loads, yes — all processing happens in JavaScript on your device, with no server calls.

Related tools

Long links? Shorten them for free

Vai.la turns any URL into a short link with click statistics, QR Code and your own biolink.

Vai.la is not responsible for how the tools are used or for decisions made based on their results.