palettd

Color Blindness Simulator

See how colors appear to people with different types of color vision deficiency.

What is Color Blindness?

Color blindness, or color vision deficiency (CVD), affects approximately 8% of men and 0.5% of women worldwide. People with color blindness see colors differently, which can make certain color combinations indistinguishable. This tool simulates how your colors appear to users with different types of color blindness.

By testing your color palette against these simulations, you can ensure your designs remain accessible and distinguishable for all users.

Types of Color Blindness

Protanopia (Red-Blind)

Affects ~1% of males. Red appears as dark brownish-yellow or black. Difficulty distinguishing red from green, and orange from yellow.

Deuteranopia (Green-Blind)

The most common form, affecting ~6% of males. Green and red appear similar. Yellow and green may be confused.

Tritanopia (Blue-Blind)

Rare, affecting <0.01% of people. Blue appears greenish, yellow looks pinkish. Blue and green can be confused.

Achromatopsia (Complete)

Extremely rare. Complete color blindness—the world appears in grayscale. Requires maximum contrast for visibility.

How to Use This Tool

  1. Enter your color palette as comma-separated hex codes
  2. Click "Simulate" to see how colors appear with each type of color blindness
  3. Compare the original colors with the simulated versions
  4. Check if colors remain distinguishable in all simulations
  5. Adjust problem colors and re-test until accessible

Design Tips for Accessibility

  • Don't rely on color alone: Use shapes, patterns, or labels alongside color coding
  • Avoid red-green combinations: These are problematic for most color-blind users
  • Use high contrast: Ensure sufficient brightness difference between colors
  • Test with real users: Simulation helps, but feedback from color-blind users is invaluable