Color Blindness Simulator for Screenshots and Palettes

A colour blindness simulator redraws colours the way people with a missing or weak cone type see them. Upload a screenshot or paste your palette to view it in eight vision types at once. The tool also flags colour pairs that look distinct to most people but merge for others, and suggests a lighter or darker replacement.

The main types of colour vision deficiency
TypeWhat changesCommonly confused
Deuteranomaly and deuteranopiaWeak or missing green conesRed and green, brown and green, blue and purple
Protanomaly and protanopiaWeak or missing red cones; reds look darkerRed and green, red and black
Tritanomaly and tritanopiaWeak or missing blue cones (rare)Blue and green, yellow and pink
AchromatopsiaNo working cones (very rare)Everything except lightness

Updated

Two ways in: drop a screenshot of a page, chart or design, or paste a list of hex colours. Every simulation runs in your browser, and nothing is uploaded.

Why red and green cause most problems

The red and green cones in the eye respond to overlapping ranges of light. When one of them is missing or shifted, the brain loses most of the difference between reds, oranges, yellows and greens, and those colours line up along a single scale from dark to light.

That is why traffic-light status colours, red and green chart lines, and success or error badges are the usual problems. Keep the meaning in a word or icon and make the two colours differ in lightness.

How the pair check works

Each colour is converted to OKLab, a colour space designed so that equal distances look roughly equally different. The tool measures the distance between every pair before and after simulation. A pair that is clearly different normally but falls below the threshold in a simulation is flagged.

The threshold is a judgement call for small flat areas such as chart lines, legend swatches and badges. Large blocks of colour are easier to tell apart, so a flagged pair may be fine as two full-width sections.

How it works

  1. Drop or choose a screenshot (PNG, JPG or WebP), or paste hex colours one per line or separated by commas.
  2. The image or palette is redrawn eight times, once per vision type, using a published model of how cones respond.
  3. For palettes, every pair is compared under each simulation. Pairs whose difference drops below a small threshold are flagged.
  4. Each flagged pair comes with a suggested replacement: the second colour made lighter or darker until it separates again.

Tips

Frequently asked questions

How common is colour blindness?

According to the US National Eye Institute, red-green colour blindness is the most common form, and it is far more common in men than in women. Among people of Northern European descent it affects up to about 1 in 12 men and 1 in 200 women. Blue-yellow types and complete colour blindness are rare.

How accurate is the simulation?

It uses the Machado, Oliveira and Fernandes model, which is widely used and well regarded, with full strength for the -opia types and a moderate strength for the -anomaly types. Real people vary: two people with the same diagnosis can see somewhat differently, and screens and lighting change things too. Treat it as a strong guide, not a diagnosis.

Can I check a live website by its URL?

Not from this page. Browsers do not let one site load and read another site's pixels. Take a screenshot of the page (on most systems Shift + Cmd + 4 on a Mac or Win + Shift + S on Windows) and drop it here instead.

Does passing a contrast checker mean my colours are colour-blind safe?

Not entirely. Contrast checkers compare lightness between text and background, which does help everyone. But two chart colours or two status colours can each pass against white and still look the same to someone with deuteranopia. Check pairs of colours that must be told apart, which is what the palette check here does.

Related: Colour contrast checker, Accessible colour palette generator, Colour palette generator, Hex opacity calculator, Website accessibility checklist.

Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.

More in Free Tools

We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.

Product

Who It's For

Features

Resources

Company

View Sitemap