About 1 in 12 men sees color differently. Upload any image below to preview it through protanopia, deuteranopia, tritanopia, and more.

Color Blindness Simulator — See Images Through Color-Blind Eyes

See Your Images Through Color-Blind Eyes

Upload a photo — or use our built-in test card — and preview it exactly as someone with protanopia, deuteranopia, tritanopia, or four more types of color vision deficiency would see it. Perfect for checking designs, charts, and photos for accessibility.

Drop an image here, or click to upload

PNG, JPG, GIF, or WebP — processed instantly on your device, never uploaded.

Original
Simulated: Protanopia
SimulatedOriginal
100% private

Everything runs in your browser — your image never leaves your device.

No signup

Use the tool instantly. No accounts, no email, no hassle.

Free forever

Every tool on this site is free with no limits and no hidden paywalls.

How to use the Color Blindness Simulator

  1. 1Add your image

    Drag and drop any photo, screenshot, or design mockup onto the upload area — or click the sample test card to try the simulator instantly with zero setup.

  2. 2Pick a color vision type

    Choose from 8 filters: protanopia, deuteranopia, tritanopia, the three milder -omaly forms, total achromatopsia, or normal vision as a baseline.

  3. 3Compare and inspect

    View original and simulated side by side, or drag the compare slider across a single image. Zoom to 200% to inspect small details like chart legends and button labels.

  4. 4Download the result

    Save the simulated image as a PNG to share with your design team or attach to an accessibility report.

Why designers and curious minds love it

7 simulation filters plus baseline

Standard Machado-style color vision deficiency matrices cover protanopia, deuteranopia, tritanopia, all three -omaly forms, and achromatopsia — with normal vision for comparison.

Built-in Ishihara-style test card

No image handy? The sample card packs a rainbow spectrum, a grayscale ramp, high-contrast swatches, a traffic light, and a hidden-number dot plate that vanishes under red-green simulations.

Drag-to-compare slider

Sweep a single divider across your image to see exactly which pixels change — the fastest way to spot problem areas in a UI or infographic.

Zoom up to 200%

Inspect fine details like small text, map pins, and chart slices that are easy to miss at full-image scale.

One-click PNG download

Export the simulated view at full resolution for presentations, design reviews, or accessibility documentation.

Private by design

All pixel math happens in your browser with the HTML canvas API. Your photos are never uploaded, stored, or seen by anyone.

Color Blindness Simulator FAQs

How accurate are these color blindness simulations?
They use the widely cited Machado (2009) color vision deficiency matrices, the same family of models used in academic vision research and professional accessibility checkers. They are a strong approximation, not a medical diagnosis — real perception varies from person to person.
What is the difference between protanopia and protanomaly?
The -opia forms mean one cone type is missing entirely, so the effect is severe. The -omaly forms (protanomaly, deuteranomaly, tritanomaly) mean the cones respond abnormally but still work — the simulation blends the full matrix with normal vision at 60% severity, so the shift is milder.
Which type of color blindness is most common?
Red-green deficiencies dominate: deuteranomaly affects roughly 1 in 20 men, protanopia and deuteranopia about 1 in 80 men each. Blue-yellow types (tritanopia, tritanomaly) and total achromatopsia are extremely rare.
Can I use this to check my website or app design for accessibility?
Yes — that is one of its best uses. Upload a screenshot of your UI and run it through deuteranopia and protanopia. If buttons, error states, or chart series become indistinguishable, switch those cues to shape, labels, or patterns instead of color alone.
Is my photo uploaded to any server?
No. The image is drawn to an HTML canvas and every pixel is transformed locally in your browser. Nothing leaves your device, and nothing is stored.
Why do protanomaly and protanopia look similar?
They share the same underlying matrix — the -omaly version is simply a milder 60% blend toward normal vision. Compare them back to back and you will see the anomaly filter keeps noticeably more color.
Does it work with transparent PNGs?
Yes. The alpha (transparency) channel is preserved untouched — only the red, green, and blue channels are transformed, so logos and icons keep their transparency.

Related image tools

Image Color Picker

Click any pixel to get its HEX, RGB, and HSL values.

 Image Compressor

Shrink JPG and PNG file sizes without visible quality loss.

 Photo Collage Maker

Combine multiple photos into one share-ready collage.

 Image Resizer

Resize images to exact pixel dimensions in seconds.

 Meme Generator

Add top and bottom captions to any image, instantly.

 Add Watermark to Photos

Stamp your logo or text across photos before sharing.
Scroll to Top