Color Blindness Simulator

See how your images, colors, and designs appear to people with different types of color vision deficiency.

Upload Image

Drop an image here or click to upload

Supports PNG, JPG, GIF, WebP

Or Test Colors

Normal
Protanopia
Deuteranopia
Tritanopia
Protanomaly
Deuteranomaly
Tritanomaly
Achromatopsia

Test Color Palette

Click a color to see how it appears with different types of color blindness.

Color Vision Types

Protanopia (Red-Blind)

Complete absence of red cone cells. Red appears dark, and red-green distinctions are difficult. Often confuses reds with blacks and greens.

~1% of males

Color Spectrum Comparison

Normal Vision
Protanopia (Red-Blind)

Accessibility Tips

✓
Use high contrast
Ensure text and important elements have sufficient contrast
✓
Don't rely on color alone
Use patterns, icons, or labels in addition to color
✓
Avoid red/green combinations
This is the most common type of color blindness
✓
Use colorblind-safe palettes
Many tools provide pre-made accessible color schemes

What is This Tool?

A color blindness simulator shows how colors and designs appear to people with different types of color vision deficiency. Preview your designs through the lens of protanopia, deuteranopia, tritanopia, and other color vision conditions to ensure your content is accessible to all users.

Approximately 8% of men and 0.5% of women have some form of color vision deficiency. The most common types are red-green deficiencies (protanopia and deuteranopia), affecting about 6% of the male population. Designing with color accessibility in mind ensures your content reaches everyone effectively.

Common Use Cases

Web Accessibility

Verify that your website's color scheme remains distinguishable and functional for users with color vision deficiencies.

UI/UX Design

Test button colors, status indicators, form validation states, and data visualizations for color-blind accessibility before deployment.

Data Visualization

Ensure charts, graphs, and maps use color palettes that remain distinguishable across all types of color vision deficiency.

WCAG Compliance

Meet WCAG 2.1 guideline 1.4.1 (Use of Color) by verifying that color is not the sole means of conveying information.

Frequently Asked Questions

What types of color blindness are simulated?

Protanopia (no red cones), deuteranopia (no green cones), tritanopia (no blue cones), achromatopsia (complete color blindness), and partial variants of each.

How accurate are the simulations?

Simulations use Brettel/Viénot algorithms that provide scientifically accurate approximations of how people with color deficiencies perceive colors.

How do I make my designs color-blind friendly?

Use patterns/shapes in addition to color, ensure sufficient contrast, avoid red-green combinations for critical information, and test with simulators like this one.