Colorblind Simulator - Test Image & Color Accessibility | Color Picker Studio

Colorblind Simulator

See how your images and colors look to people with color vision deficiency.

🔒 100% Client-Side - Your images never leave your browser.

Upload an Image to Simulate

Drag & drop or click to browse

✅ Original
👁️ Simulated
Protanopia
~1% men
Red-blind
Deuteranopia
~1% men
Green-blind (most common)
Deuteranomaly
~5% men
Green-weak
Protanomaly
~1% men
Red-weak
Tritanopia
~0.01%
Blue-blind (rare)
Achromatopsia
~0.003%
Total color blindness

Simulate a HEX Color

⚖️ Color Distinguishability Checker

Check if two colors can be told apart by people with each type of color blindness.

🛡️ Colorblind-Safe Palettes

Scientifically-designed palettes where every color pair stays distinguishable under all vision types. Click any swatch to copy.

Okabe-Ito Palette (8 colors)

Wong Palette (8 colors)

Your Custom Palette

Why Use Our Colorblind Simulator?

The most complete accessibility testing tool for designers and developers.

👁️

8 Vision Types

Simulate mild (anomaly), severe (opia), and total color blindness with accurate transformation matrices.

🖼️

3 View Modes

Single view, side-by-side original vs simulated comparison, or all 8 types at once in a grid.

⚖️

Distinguishability Checker

Test whether any two colors can be told apart under every type of color blindness. Perfect for charts and UI.

🛡️

Safe Palette Generator

Includes Okabe-Ito and Wong scientific palettes plus a custom generator that validates distinguishability.

📊

Real Statistics

See prevalence rates for each condition so you understand why accessibility matters for your audience.

🔒

100% Private

All image processing happens in your browser using Canvas API. Your images never leave your device.

Frequently Asked Questions

What is a Colorblind Simulator?+

It is a tool that helps designers and developers see how their images and colors appear to people with different types of color vision deficiency, including protanopia, deuteranopia, tritanopia, and achromatopsia.

How many color blindness types are supported?+

The tool supports 8 types: Normal vision, 3 mild types (protanomaly, deuteranomaly, tritanomaly), 3 severe types (protanopia, deuteranopia, tritanopia), and total color blindness (achromatopsia).

What is the before/after comparison view?+

The Side-by-Side view shows the original image next to the simulated image so you can compare them directly. The All Types view shows all 8 simulations at once in a grid.

What is the distinguishability checker?+

Pick any two colors and the tool checks whether people with each type of color blindness can tell them apart. It shows a pass/fail badge for every vision type.

What is a colorblind-safe palette?+

A palette where every color pair remains distinguishable under all types of color blindness. The tool includes the scientifically-designed Okabe-Ito and Wong palettes plus a custom safe palette generator.

How accurate is the simulation?+

The tool uses standard color transformation matrices (Brettel/Viénot-based) widely used in accessibility research. It provides a close approximation of how colors are perceived.

Why is colorblind accessibility important?+

About 8% of men and 0.5% of women worldwide have some form of color vision deficiency. Accessible designs reach more users and meet WCAG guidelines.

Can I download the simulated image?+

Yes! Click the Download button after applying any filter to save the simulated image as a PNG file at full resolution.

Are my uploaded images stored on a server?+

No. All image processing happens entirely in your browser using the Canvas API. Your images never leave your device.

Is this tool free to use?+

Yes, 100% free with no signup required. All features work directly in your browser.

Copied!