Color Blindness Simulator
See how people with different types of color blindness perceive your colors
Simulate how colors look for people with different types of color blindness. This tool helps you verify if your color combinations are accessible.
Original Color
Introduce un color (ej: rojo, azul, #FF0000)
#FF0000
Simulation
Información sobre Tipos de Daltonismo
Protanopia
Dificultad para distinguir entre rojo y verde, con tendencia a ver los rojos más oscuros.
Deuteranopia
Dificultad para distinguir entre rojo y verde, sin cambio significativo en el brillo.
Tritanopia
Dificultad para distinguir entre azul y amarillo.
Acromatopsia
Incapacidad total para ver colores, solo ve en escala de grises.
How it works
Color blindness affects approximately 8% of men and 0.5% of women. Designing with these conditions in mind is essential for accessibility.
Types of Color Blindness
Protanopia (Red Blindness)
Difficulty distinguishing reds and greens. Reds appear darker.
Deuteranopia (Green Blindness)
Most common type. Confusion between reds, greens and browns.
Tritanopia (Blue Blindness)
Rare. Difficulty distinguishing blues and yellows.
Achromatopsia
Very rare. Grayscale vision only.
💡 Practical Use Cases
Case 1: Data chart with colors
Your chart uses red #EF4444 and green #22C55E for success/error.
→ Problem: Both look brown/olive to deuteranopes
→ Solution: Add icons ✓/✗ or use blue/orange instead
Case 2: Heat map
Your map uses red-yellow-green gradient to indicate values.
→ Accessible alternative: Use blue-white-orange gradient
→ Or add numeric labels on each cell
Case 3: Form with validation
Invalid fields only have a red border.
→ Improvement: Add error icon + descriptive text
→ Don't rely on color alone to communicate state