Color Blindness Simulator

Upload an image or pick a color and preview how it looks to people with different types of color vision deficiency.

🔒 100% private — your image never leaves your device
Drag & drop an image
or click to browse — you can also paste (Ctrl/Cmd + V)
JPG PNG WEBP GIF

How it works

Everything runs on your device — no upload, no wait.

1

Add your source

Drop in an image, paste a screenshot, or pick a single color to test.

2

See every CVD type

Each preview is redrawn on a canvas using the standard color-vision transform matrices.

3

Save or copy

Download the simulated images, or copy the transformed hex values for a single color.

About the color-vision types

Protanopia and deuteranopia are the two most common forms of red-green color blindness — protanopia is a missing L (long / red) cone, deuteranopia a missing M (medium / green) cone. Together they affect roughly 8% of men. Tritanopia is a rare blue-yellow deficiency (missing S / short cone), and achromatopsia is total color blindness, where the world is seen in shades of grey. The -anomaly variants (protanomaly, deuteranomaly, tritanomaly) are the milder, partial forms, where a cone is shifted or weakened rather than absent.

Each preview is produced by multiplying the image's sRGB pixels by the standard sRGB simulation matrices (Wickline / HCIRN) and drawing the result back onto a <canvas>. The severity control blends each matrix toward the identity (no change), so you can preview partial deficiencies as well as the full form. It's a close approximation — useful for checking whether your design, chart or UI stays readable — not a medical diagnosis.

🔒

Private by design. Your image is decoded and simulated entirely in your browser. Nothing is uploaded — we never see it.

Frequently Asked Questions

What types of color blindness can I preview?
You can simulate the total forms — protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind) and achromatopsia (total color blindness) — plus the milder, partial forms: protanomaly, deuteranomaly and tritanomaly. A severity slider lets you dial the strength anywhere from mild to full. Show every type at once or focus on a single one.
How accurate is the simulation?
It uses the widely accepted color-vision transforms that most accessibility tools rely on, so it's a close, practical approximation. It's great for checking whether a design, chart or interface stays readable, but it is not a medical diagnosis.
Can I test a single color instead of an image?
Yes. Switch to Single color mode, pick a color or type a hex value, and you'll see how that exact shade shifts for each type of color vision deficiency, with copyable hex values.
What image formats can I upload?
JPG, PNG, WEBP and GIF all work. You can drag and drop a file, click to browse, or paste a screenshot directly with Ctrl/Cmd + V.
Can I save the simulated results?
Yes. In image mode you can download each simulated preview as a PNG, and in single-color mode you can download or copy the transformed color values.
Is my image uploaded anywhere?
No. Your image is decoded and simulated entirely in your browser. Nothing is uploaded and we never see it — everything stays on your device.