What is Color Blindness Simulator?
Color Blindness Simulator shows how your designs appear to people with different types of color vision deficiency. Test your website, images, or color palettes against protanopia, deuteranopia, tritanopia, and other conditions to ensure accessibility for all users.
Common Use Cases
UI Design
Verify that user interfaces remain usable and distinguishable for colorblind users.
Data Visualization
Ensure charts, graphs, and maps are readable with color vision deficiency.
Brand Colors
Test brand color palettes for accessibility across all vision types.
Educational Content
Check that educational materials use accessible color coding.
How to Use This Tool
- Upload an image or enter colors to test
- Select color blindness type (protanopia, deuteranopia, tritanopia, etc.)
- View side-by-side comparison of original and simulated views
- Identify problematic color combinations
- Adjust colors to improve accessibility
Related Tools
Learn More
- WCAG 2.2 — Contrast (Minimum) W3C accessibility guideline (1.4.3) the simulator helps you check against.
- Ishihara Test Overview — NCBI Bookshelf NIH/NCBI reference on the Ishihara plates used in clinical color-vision screening.