Image & Design
Color Blindness Simulator
Color Blindness Simulator shows you how an uploaded image would appear to someone with protanopia, deuteranopia, or tritanopia, helping designers and developers check whether their color choices remain distinguishable for color-vision-deficient users. It's a practical accessibility check for UI screenshots, charts, and graphics.
The simulation is calculated by transforming pixel colors through the Canvas API right in your browser, so the image you're testing is never uploaded to a server during the process.
How to Use the Color Blindness Simulator
- Open the Color Blindness Simulator tool.
- Upload the image you want to test.
- Select a color blindness type: protanopia, deuteranopia, or tritanopia.
- Compare the simulated preview against the original image.
Frequently Asked Questions
What's the difference between protanopia, deuteranopia, and tritanopia?
Protanopia and deuteranopia both affect red-green color perception in slightly different ways, while tritanopia affects blue-yellow color perception; the simulator lets you preview all three.
Can this tool test charts and UI screenshots, not just photos?
Yes, you can upload any image file including screenshots, charts, or design mockups to see how they read under each simulated condition.
Is my uploaded image sent to a server to run the simulation?
No, the color transformation happens entirely in your browser, so your image is never uploaded or stored remotely.