Color Blindness Simulator

Upload an image to see how it appears to people with different colour vision deficiencies.

How it works

Upload any image. SVG colour matrix filters simulate how each type of colour vision deficiency alters perceived colours — all processing runs client-side in your browser.

Click or drag & drop an image

PNG, JPG, WebP, GIF supported

Colour Palette Demo

See how these common colours appear under each vision type.

Normal Vision

~0% of population

Protanopia

~1% of males

Protanomaly

~1.3% of males

Deuteranopia

~1% of males

Deuteranomaly

~5% of males

Tritanopia

<0.01% of population

Achromatopsia

~0.003% of population

Color Blindness Simulator — Accessible Design Testing

Colour blindness affects approximately 8% of males and 0.5% of females. This tool uses mathematically precise SVG colour matrix filters — derived from the Machado, Oliveira & Fernandes (2009) model — to simulate how images appear to people with different types of colour vision deficiency. Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind), and Achromatopsia (total colour blindness) each alter perceived colours differently. Deuteranomaly (green-weak) is the most common form, affecting ~5% of males. Use this tool to test UI designs, data visualisations, maps, and infographics for accessibility — if key information is conveyed solely by colour, it may be invisible to colour-blind users.