Free Color Blindness Simulator
See your images the way color-blind viewers see them — simulate the three main types instantly.
Original
Protanopia (red-blind)
Deuteranopia (green-blind)
Tritanopia (blue-blind)
Your image never leaves your device — simulation runs locally on a canvas.
How to use the color blindness simulator
- Upload any image — a design mockup, chart, or photo.
- The three most common types of color blindness are simulated instantly.
- Compare the simulations against the original.
- Fix problem areas (like red/green-only distinctions) and re-test.
Designing for color-blind users
About 1 in 12 men and 1 in 200 women have some form of color vision deficiency, with red-green types (protanopia and deuteranopia) by far the most common. The golden rule: never encode meaning with color alone. Pair colors with labels, icons, patterns, or position — a red/green status dot becomes accessible the moment you add a check or cross icon. In charts, choose palettes tested for color-blind safety (blue/orange beats red/green every time) and keep contrast high. Run your key screens through this simulator before launch; five minutes here prevents shipping a dashboard that 5% of your users literally cannot read.
Frequently asked questions
What is the most common type of color blindness?
Red-green deficiency (protanopia and deuteranopia) affects about 8% of men. Blue-yellow (tritanopia) is much rarer.
How accurate is the simulation?
It uses established color-vision-deficiency matrices applied per pixel — a good approximation, though individual perception varies.
Is my uploaded image stored anywhere?
No. The image is drawn to a canvas in your browser and never uploaded.
What should I do if my design fails the test?
Add redundant cues: text labels, icons, or patterns alongside color, and switch to color-blind-safe palettes.