Color Blindness Simulator
Load an image and see it as viewers with protanopia, deuteranopia, or tritanopia perceive it. A quick accessibility check that catches color-dependent designs before they confuse real users.
Using the Color Blindness Simulator: step by step
- Select or drop an image into the simulator.
- Choose a vision type: protanopia, deuteranopia, or tritanopia.
- Compare the simulated view against the original.
- Adjust your design if critical elements no longer stand out.
What people use the Color Blindness Simulator for
- Checking that charts and dashboards remain readable without red-green cues.
- Validating accessibility of brand colors and UI states.
- Reviewing infographics before publication.
- Demonstrating color vision differences in design training.
Inside the Color Blindness Simulator
The simulator remaps every pixel through transformation matrices that approximate how the three common dichromatic vision types perceive color, collapsing the affected red-green or blue-yellow distinctions. The result shows which contrasts survive and which disappear. The image you load is processed entirely in your browser with canvas operations, so screenshots of unreleased work or private material never leave your device.
Limitations worth knowing
Simulation approximates typical dichromatic vision and cannot reproduce every individual's perception; treat results as a directional accessibility check.
Color Blindness Simulator FAQ
Which vision types are simulated?
Protanopia and deuteranopia affecting red-green perception, and tritanopia affecting blue-yellow perception.
Is the original image modified?
No. Simulation happens on a copy in the canvas; your file stays untouched on disk.
Are images uploaded for processing?
Never. Pixel transformation runs locally, which keeps private screenshots confidential.
Last reviewed: October 2026.