Color Blindness Sim
See how images and colors appear to people with different types of color vision deficiency. Includes all 8 types, color picker, and text readability checker.
No watermarkFree & unlimited
View
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Upload an image or design
Select a website screenshot, infographic, UI mockup, or any image to test.
- 2
Choose color blindness type
Select from protanopia, deuteranopia, tritanopia, achromatopsia, or other types.
- 3
Compare views
See your original image side-by-side with the simulated color-blind version.
- 4
Identify accessibility issues
Look for elements that become indistinguishable and need better contrast or labeling.
- Deuteranopia (red-green) affects about 8% of males - always test this type first.
- Don't rely on color alone to convey information. Use patterns, labels, or icons as secondary indicators.
- Test charts and infographics especially carefully - color-coded data is a common accessibility failure.
- Run all major types to catch issues - what's fine for protanopia may fail for tritanopia.
- 8 color blindness type simulations
- Side-by-side comparison
- Protanopia, deuteranopia, tritanopia coverage
- Full achromatopsia (total) simulation
- Works with any image format
- Audit website and app UI designs for WCAG color accessibility compliance.
- Verify that charts, graphs, and data visualizations are readable for color-blind users.
- Test marketing materials and print designs for inclusive communication.
- Validate color palettes before finalizing a brand or design system.
Red-green color blindness (protanopia and deuteranopia) is by far the most common, affecting roughly 8% of men and 0.5% of women. Blue-yellow (tritanopia) and total color blindness are much rarer.
The simulations use the Brettel/Viénot algorithms, which are scientifically validated models of color vision deficiency. They provide a very close approximation of how affected individuals perceive colors.
Add non-color indicators like text labels, patterns, or icons. Increase brightness contrast between elements. Use a color-blind-friendly palette such as the IBM or Wong palettes.