8 vision types
Simulate Protanopia, Deuteranopia, Tritanopia, their weaker counterparts, Achromatopsia, and Achromatomaly side-by-side.
Accessibility Tools
Color Blindness Simulator
Preview how your designs appear to users with color vision deficiency — 8 types, side-by-side comparison, exportable as PNG.
Catch accessibility gaps
Spot designs that rely solely on color to convey meaning — a common failure for the ~8% of users with color vision deficiency.
Compare and export
View all simulations together or focus on one, then download each variation as a full-resolution PNG.
Upload a design or photo to simulate
Works best with UI screenshots and colorful designs
How to simulate color blindness
Step 1
Upload your design
Click or drag a PNG, JPG, or WEBP image of your UI, illustration, or chart onto the tool.
Step 2
Pick a vision type
Preview a single simulation or toggle 'Show all types' to see every variation at once.
Step 3
Download simulations
Export each simulated view as a PNG to share with your team or attach to accessibility reports.
FAQ
What types of color blindness are simulated?
The tool simulates: Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind), Protanomaly (red-weak), Deuteranomaly (green-weak), Achromatopsia (total), and Achromatomaly (near-grayscale).
Why should designers test for color blindness?
About 8% of males and 0.5% of females have some form of color vision deficiency. Designs that rely solely on color to convey information can be inaccessible to these users.
How accurate are the simulations?
The simulation uses established transformation matrices from Wickline (2000) and Viénot et al. (1999). They are widely used in accessibility research and provide a practical approximation.
Can I export all simulations at once?
Click 'Show all types' to see all 8 vision simulations together, then download each individually.