About color blindness simulation
A color blindness simulator shows how your images and color choices look to people with different types of color vision deficiency — protanopia, deuteranopia and tritanopia. Upload an image to preview it through each type so you can check that your design stays clear and accessible for everyone. It runs entirely in your browser.
How Color Blindness works
How to simulate color blindness
- Upload an image (a design, chart or screenshot).
- View it through each color-vision type.
- Adjust colors that become hard to tell apart.
Types of color blindness
Protanopia and deuteranopia affect red–green perception (the most common forms), while tritanopia affects blue–yellow. Around 1 in 12 men and 1 in 200 women have some color vision deficiency.
Design for everyone
Do not rely on color alone to convey meaning — add labels, patterns or icons, and ensure enough contrast so charts and UI remain readable for all users.
Types of color vision deficiency
| Type | Affects | Prevalence |
|---|---|---|
| Deuteranopia | Green perception (red–green) | Most common |
| Protanopia | Red perception (red–green) | Common |
| Tritanopia | Blue–yellow perception | Rare |
Common uses
- Check designs for color accessibility
- Preview charts for red–green color blindness
- Test UI states that rely on color
- Validate brand colors for inclusivity
- Improve data-visualisation clarity
- Spot risky color combinations
- Support WCAG accessibility goals
- Make content readable for everyone
Frequently asked questions
How do I simulate color blindness?
Upload an image and view it through protanopia, deuteranopia and tritanopia simulations.
What types are simulated?
The common red–green types (protanopia, deuteranopia) and blue–yellow (tritanopia).
How common is color blindness?
About 1 in 12 men and 1 in 200 women have some form of color vision deficiency.
Is my image uploaded?
No — the simulation runs entirely in your browser.
How do I make designs accessible?
Do not rely on color alone — add labels, patterns or icons and ensure strong contrast.
Is this medically exact?
It is a close approximation to help design decisions, not a medical diagnosis tool.
Can I test charts and UI?
Yes — upload any image, including charts, screenshots and mockups.
Is it free?
Yes — completely free with no sign-up.