Skip to main content
DevTools24

Color Blindness Simulator

Simulate how colors appear to people with different types of color blindness.

Normal Vision
Full color vision • Affects ~92% of population
#3b82f6
#3b82f6
#ef4444
#ef4444
#22c55e
#22c55e
#f59e0b
#f59e0b
#8b5cf6
#8b5cf6
Accessibility Tips:
  • • Don't rely on color alone to convey information
  • • Use patterns, shapes, or labels in addition to color
  • • Ensure sufficient contrast between colors
  • • Test your designs with color blindness simulators
  • • Red-green color blindness is most common (7-8% of males)

Designing for Color Blindness - Detalles técnicos

About 8% of men and 0.5% of women have some form of color blindness. Don't rely on color alone to convey information. Use patterns, labels, or icons alongside colors to ensure accessibility.

Alternativa de línea de comandos

Accessibility tips:\n- Use high contrast colors\n- Don't rely on color alone\n- Add patterns to charts\n- Test with simulation tools\n- Include text labels

Referencia

Ver especificación oficial