Color Blindness Simulator

Preview Your Images Through Color-Blind Eyes

Drop in a screenshot, chart, UI mockup, or photo and see it re-rendered the way someone with a color-vision deficiency would perceive it — protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), or full achromatopsia. Slide the severity down to model the milder, far more common anomalous forms, and compare the original and the simulation side by side.

Most online simulators run the transform on raw sRGB bytes, which is the wrong color space and skews every hue. This one decodes each pixel to linear light first, applies the Machado (2009) matrices — the same public-domain tables Chrome DevTools uses — then re-encodes, so the result is physiologically grounded rather than a rough tint. Everything happens on a canvas in your browser; nothing is uploaded.

One honest caveat: a simulation is a model, not a medical diagnosis, and no two people with color blindness see identically. Treat it as a strong design check — "can this be read without relying on the red-versus-green difference?" — not a clinical result. Your monitor's calibration also affects what you see.

• Accessibility QA: Confirm a dashboard or chart stays legible when red and green collapse into the same tone.
• Design reviews: Check status colors, buttons, and error states before shipping a UI.
• Data visualization: Test whether a heatmap or multi-line chart still separates its series for deuteranopes.
• Branding: See how a logo or palette holds up across all three dichromatic conditions.
• Slides and signage: Make sure presentations and print pieces don't hide meaning in color alone.
• Empathy and education: Show a team, in one glance, why "just make it red" isn't enough.

Privacy: This tool runs entirely in your browser — your image is decoded, simulated, and downloaded locally, with no upload, no server, and no account. Close the tab and nothing is left behind.