Preview how your image, design, chart or game UI looks to people with colour vision deficiency (colour blindness), which affects roughly 1 in 12 men. Pick a vision type — protanopia / deuteranopia (red-green, the most common) or tritanopia (blue-yellow), plus total achromatopsia — and use severity to go from a mild anomaly to full dichromacy. If two colours become hard to tell apart, they may need more contrast, labels or patterns. Save a PNG to share. Everything runs in your browser — nothing is uploaded.

Drop an image here

or click to choose · or paste (Ctrl/Cmd + V)

processed in your browser · never uploaded

Drop or click to replace

Preview how an image, design, slide, chart or game UI looks to people with colour vision deficiency (colour blindness) — entirely in your browser. Colour vision deficiency affects roughly 1 in 12 men and 1 in 200 women, and makes certain colour combinations hard to tell apart. If your slides, transit maps, chart legends or friend-or-foe markers rely on colour alone, some people won't get the message. This tool lets you choose a vision type. Protanopia (red-weak) and deuteranopia (green-weak) are the common red-green types where red and green are easily confused; tritanopia (blue-weak) is the rarer blue-yellow type; and achromatopsia is total colour blindness, where everything looks monochrome. The severity slider then lets you move smoothly from a mild anomaly (anomalous trichromacy, a slight weakening) to full dichromacy (almost no perception of that colour). It works by applying a per-type colour transform to each pixel's red, green and blue, then blending with the original by the severity amount to reproduce the appearance. If two colours become hard to distinguish after simulation, consider raising the contrast, adding a difference in lightness, or adding text labels or patterns (hatching). Save the result as a PNG to share for team or client review. Load images by dropping, clicking to choose, or pasting from the clipboard. All processing happens in your browser — the image is never sent to any server or API, so it's safe to check internal documents or unreleased designs.

How to use

  1. Load an image by dropping, choosing, or pasting it (nothing is uploaded).
  2. Pick a vision type (protan / deutan / tritan / achromatopsia) and adjust severity to preview.
  3. Save the result as a PNG to share for review.

FAQ

Is my image uploaded anywhere?

No. Loading, simulating, and PNG export all happen inside your browser. The image is never sent to any server or API — it all stays on your device, so it's safe to check internal documents or unreleased designs.

What's the difference between the vision types?

Protanopia (red-weak) and deuteranopia (green-weak) are the common red-green types where red and green are easily confused — together the most frequent forms. Tritanopia (blue-weak) is the rarer blue-yellow type. Achromatopsia is total colour blindness, where the image is seen only as light and dark (monochrome). Switch between them to check whether your colours still communicate.

What does the severity slider change?

Colour vision deficiency varies in degree between people. Lowering severity shows a mild anomaly (anomalous trichromacy — colours slightly weakened); raising it shows full dichromacy, where that colour is barely perceived. The original and simulated colours are blended by the severity amount.

What should I do if some colours are hard to tell apart?

Don't rely on colour alone to carry information. Increase colour contrast and lightness difference, avoid confusable pairs like red and green, and add text labels or patterns (hatching, dashes). These steps move your design toward colour universal / accessible design.