Color Blindness Simulator
See how an image appears with different types of color vision deficiency — protanopia, deuteranopia, tritanopia and achromatopsia. Upload a design to check it stays legible. Nothing is uploaded to a server.
Drop an image here or click to browse.
About the color blindness simulator
Updated June 2026 · 100% client-side — your data never leaves your browser.
See how an image or color appears to people with different types of color vision deficiency — protanopia and deuteranopia (red-green), tritanopia (blue-yellow) and achromatopsia (total color blindness). Upload a screenshot, chart, UI mockup or photo and compare the original side by side with each simulation to confirm your design stays legible for everyone.
Because around 1 in 12 men and 1 in 200 women have some form of color vision deficiency, this is a practical accessibility check for dashboards, status indicators and data visualizations that rely on color. Simulation is applied locally with the canvas API, so your images are never uploaded.
Protanopia, deuteranopia, tritanopia and achromatopsia.
Test your own designs, charts or screenshots.
Compare the original against each simulation.
Processed locally with the canvas API.
Frequently asked questions
What types of color blindness are simulated?
Common ones: protanopia and deuteranopia (red-green), tritanopia (blue-yellow), and achromatopsia (total color blindness).
How accurate are the simulations?
They use established color-transformation matrices that approximate each deficiency. They're a helpful design check, not a medical diagnosis.
Why does this matter for design?
Around 1 in 12 men and 1 in 200 women have some color vision deficiency. Checking ensures information conveyed by color alone remains distinguishable.
Are my images uploaded?
No. Simulation is applied locally in your browser.