Color Blind Simulator
Original Color
About Deuteranopia (Green-Blind)
Complete absence of green cones. Greens appear beige, and red/green are confused.
Prevalence: ~1% of males
Severity: severe
Color Blindness Simulations
Let us know
Please share your experience
4.9 (2.8k ratings)
About Color Blind Simulator
Simulate how colors appear with different types of color blindness. Free online tool.
How to Use
Step 1
Enter a HEX color code or use the color picker to select a color
Step 2
View how the color appears with 9 different types of color blindness
Step 3
Click on any simulation to see detailed information about that type
Step 4
Use 'Random Color' to test different colors quickly
Step 5
Compare original color with simulated versions side by side
Step 6
Use this tool to ensure your designs are accessible to all users
Features & Benefits
- ✅Simulate 9 types of color vision deficiency
- ✅Protanopia (red-blind) and Protanomaly (red-weak)
- ✅Deuteranopia (green-blind) and Deuteranomaly (green-weak)
- ✅Tritanopia (blue-blind) and Tritanomaly (blue-weak)
- ✅Achromatopsia (complete color blindness)
- ✅Achromatomaly (blue cone monochromacy)
- ✅Real-time color simulation with accurate algorithms
- ✅Detailed information about each type including prevalence
- ✅Severity indicators (mild, moderate, severe)
- ✅Visual color picker for easy color selection
- ✅Random color generator for testing
- ✅100% browser-based - no server upload
- ✅100% free - no watermarks, no signup required
FAQs
What types of color blindness are simulated?
Our simulator covers all major types: Protanopia (red-blind), Protanomaly (red-weak), Deuteranopia (green-blind), Deuteranomaly (green-weak), Tritanopia (blue-blind), Tritanomaly (blue-weak), Achromatopsia (complete color blindness), and Achromatomaly (blue cone monochromacy).
How accurate are these simulations?
Our simulations use the Brettel, Viénot and Mollon algorithm, which is widely accepted in the scientific community for simulating color vision deficiencies. While no simulation is perfect, this provides a very close approximation of how colors appear to people with color blindness.
What's the most common type of color blindness?
Deuteranomaly (green-weak) is the most common, affecting about 5% of males and 0.4% of females. It's a reduced sensitivity to green light, making it harder to distinguish between red, green, and yellow.
Why is color blindness more common in males?
Red-green color blindness (protanopia, protanomaly, deuteranopia, deuteranomaly) is X-linked, meaning the genes are on the X chromosome. Males have only one X chromosome, so a single defective gene causes color blindness. Females have two X chromosomes, so they need defective genes on both to be affected.
How can I make my designs accessible?
Use this tool to test your color choices. Ensure sufficient contrast between colors, don't rely solely on color to convey information, use patterns or labels alongside colors, and test with multiple color blindness types. Aim for designs that work well in all simulations.
What's the difference between -opia and -omaly?
-opia (like protanopia) means complete absence of that cone type, resulting in severe color blindness. -omaly (like protanomaly) means reduced sensitivity of that cone type, resulting in milder color blindness.
Can color blind people see any colors?
Most color blind people can see colors, just differently. Red-green color blindness (most common) affects red and green perception. Only achromatopsia (very rare, ~0.003% of population) results in complete color blindness where people see only in grayscale.
Should I test every color in my design?
Focus on testing colors that convey important information, like buttons, links, status indicators, charts, and graphs. If colors look too similar in any simulation, consider adding patterns, icons, or text labels.
Is this tool useful for web accessibility?
Yes! This tool helps you meet WCAG (Web Content Accessibility Guidelines) by ensuring your color choices are distinguishable for people with color vision deficiencies. Combine this with contrast checkers for complete color accessibility.