👁️

Color Blindness Simulator

Simulate how colors appear to people with different types of color vision deficiencies. Test website accessibility, generate reports, and get alternative color recommendations for inclusive design.

Color Blindness Simulator

Simulate how colors appear to people with different types of color vision deficiencies

Input Colors

Input Type

Colors

Enter hex colors separated by spaces

Quick Presets

Configuration

Color Vision Deficiency

Green-blind (missing M-cones)

Generate Accessibility ReportCheck Accessibility IssuesCalculate Contrast RatiosRecommend Alternative Colors

Enter colors above to simulate color blindness

Understanding Color Vision Deficiencies

• Protanopia/Protanomaly: Difficulty distinguishing red colors (~1% of men)

• Deuteranopia/Deuteranomaly: Difficulty distinguishing green colors (~1% of men)

• Tritanopia/Tritanomaly: Difficulty distinguishing blue colors (very rare)

• Achromatopsia: Complete color blindness (extremely rare)

• WCAG Guidelines: 4.5:1 contrast ratio minimum for accessibility compliance

How It Works

Input Your Data

Paste, type, or upload your data directly into the color blindness simulator. All processing happens locally in your browser for complete privacy and security.