Design On-device · No upload

Color Blindness Simulator

See how any photo looks with protanopia, deuteranopia, tritanopia, or monochromacy — free, private, nothing ever leaves your browser.

Color Blindness Simulator shows how any uploaded photo looks to someone with protanopia, deuteranopia, tritanopia, or monochromacy. A severity slider blends toward a milder anomalous form, and a reference grid compares all four vision types side by side. Download the simulated image as PNG. Nothing is ever uploaded. Built by FreeToolHub.

Drop a photo here or click to browse

JPEG, PNG, WebP · Up to 50 MB

Frequently Asked Questions

Is my photo uploaded anywhere?

No. The image is loaded directly into your browser and every simulation is computed on your device using the Canvas API. It is never sent to any server, so your photo stays completely private.

What is the difference between protanopia, deuteranopia, and tritanopia?

Protanopia is the absence of red-sensing cones, deuteranopia is the absence of green-sensing cones, and tritanopia is the absence of blue-sensing cones. Protanopia and deuteranopia both cause red-green confusion and together affect roughly 1 in 12 men and 1 in 200 women, while tritanopia (blue-yellow confusion) is far rarer and affects men and women about equally.

How accurate is this simulation?

The tool applies well-established color transformation matrices to approximate how each type of dichromacy perceives color. It is a reliable illustration of red-green and blue-yellow confusion, but no software simulation can fully replicate an individual's actual vision, which varies from person to person.

What is monochromacy (achromatopsia)?

Monochromacy, or achromatopsia, is complete color blindness: the person sees only in shades of gray. It is extremely rare, affecting roughly 1 in 30,000 people, and is simulated here using a standard perceptual grayscale conversion.

What does the severity slider do?

At 100% the tool shows full dichromacy (complete loss of that cone type, or full grayscale for monochromacy). Lower values blend toward the original colors to roughly approximate a milder anomalous form, such as protanomaly or deuteranomaly, for illustration purposes.

Why does this matter for design?

Around 300 million people worldwide have some form of color vision deficiency. Checking charts, maps, buttons, and status indicators against these simulations helps designers and developers avoid relying on color alone to convey meaning, which keeps interfaces usable for everyone.