Color Blindness Simulator

See how your designs appear to people with color vision deficiencies

Upload an image to simulate different types of color blindness. Essential for designers creating accessible websites and applications.

Upload Image

Supported formats: JPG, PNG, GIF, WebP. Your image is processed locally and never uploaded.

Select Color Blindness Type

Original Image

Simulated (Protanopia (Red-Blind))

Types of Color Blindness

Protanopia (Red-Blind)

Missing red cones. Red appears dark, and red-green distinction is difficult.

Deuteranopia (Green-Blind)

Missing green cones. Most common form. Red and green look similar.

Tritanopia (Blue-Blind)

Missing blue cones. Rare. Difficulty with blue and yellow colors.

Achromatopsia (Total)

Complete absence of color vision. Everything appears in grayscale.

Design Tips for Accessibility

  • Don't rely on color alone: Use icons, labels, and patterns
  • High contrast: Ensure sufficient contrast ratios (4.5:1 minimum)
  • Test combinations: Avoid red-green and blue-yellow pairs
  • Use texture: Add patterns or textures to differentiate elements
  • Text labels: Always include text alongside color indicators
  • Test your designs: Use this simulator during design process

Color Blindness Statistics

8%
Males affected
0.5%
Females affected
300M+
People worldwide
1 in 12
Men have CVD

CVD = Color Vision Deficiency. Red-green color blindness is most common.

Related Tools

Explore more tools that might help you