Simula cómo ven los colores personas con daltonismo
Colores de ejemplo
#4F6EF7
RGB(79, 110, 247)
#5C5DD6
No percibe el rojo. Rojo y verde se confunden.
#5B58CE
Tipo más común. Rojo y verde difíciles de distinguir.
#51BCB6
Confunde azul y amarillo. Afecta al 0.01% de la población.
#747474
Visión completamente en blanco y negro. Muy poco frecuente.
También podrías necesitar
El daltonismo afecta al 8% de los hombres y al 0.5% de las mujeres a nivel mundial, siendo la deuteranomalia (dificultad para distinguir rojo de verde) el tipo más común. Al diseñar interfaces, paletas de colores o visualizaciones de datos, es fundamental verificar que el contraste y la distinción entre colores sea accesible para personas con deficiencias de visión del color. Esta herramienta simula cuatro tipos de deficiencia cromática usando matrices de transformación del espacio de color sRGB validadas en la literatura científica. La protanopia (ausencia de conos L, rojos) y la deuteranopia (ausencia de conos M, verdes) son los tipos más frecuentes — ambas afectan la percepción del rojo-verde. La tritanopia (ausencia de conos S, azules) es más rara y afecta la distinción azul-amarillo. La acromatopsia es la forma más severa: visión completamente en escala de grises, con sensibilidad extrema a la luz. Para cada tipo, se muestra el color simulado junto al original para comparación directa. También se incluye el ratio de contraste WCAG 2.1 con blanco y negro, que permite evaluar si el color mantiene suficiente contraste para texto en los distintos tipos de visión. Sin dependencias: todo el procesamiento usa matemáticas puras sobre los valores RGB.
¿Qué diferencia hay entre protanopia y deuteranopia?
Ambas son formas de 'red-green color blindness' pero con mecanismos distintos. La protanopia es la ausencia de conos L (sensibles al rojo largo): los rojos se perciben oscuros o casi negros, y el rojo y verde se confunden. La deuteranopia es la ausencia de conos M (sensibles al verde): los rojos y verdes también se confunden, pero los rojos no se oscurecen tanto. La deuteranomalia (debilidad en conos M, no ausencia total) es el tipo más común de daltonismo, afectando al ~5% de los hombres. Las matrices de simulación de esta herramienta modelan las formas severas (ausencia total), que son los peores casos.
¿Por qué es importante para el diseño de interfaces?
Si distinguís dos estados solo por color (ej. verde = éxito, rojo = error), un usuario con deuteranopia no podrá diferenciarlos. Las WCAG 2.1 (Criterio 1.4.1) exigen que el color no sea el único medio de transmitir información. La solución es combinar color con otros indicadores: íconos, textos, patrones, bordes. Esta herramienta te permite simular instantáneamente si tu paleta es distinguible para usuarios con daltonismo, sin necesidad de instalar extensiones de Chrome ni software externo.
¿Las matrices de transformación usadas son científicamente precisas?
Las matrices implementadas están basadas en el modelo empírico ampliamente aceptado que aparece en la literatura de visión del color (Brettel, Viénot & Mollon, 1997, y el trabajo posterior de Machado, Oliveira & Fernandes, 2009). Son las mismas matrices usadas por herramientas profesionales como el simulador de Color Oracle y diversas extensiones de navegador. Representan una aproximación del peor caso (ausencia completa de un tipo de cono) — las deficiencias parciales (anomalía) producen efectos menos severos.
¿Cómo uso esta herramienta para verificar una paleta de colores?
Ingresá cada color de tu paleta uno por uno y verificá cómo se ve bajo cada tipo de deficiencia. Los puntos clave a verificar: 1) Los colores que usás para distinguir estados (éxito/error/advertencia) deben verse diferentes en protanopia y deuteranopia. 2) Los colores de texto sobre fondo deben mantener suficiente contraste (ratio ≥ 4.5:1 para texto normal según WCAG AA). 3) En visualizaciones de datos (charts, mapas de calor), todos los elementos de datos deben ser distinguibles en acromatopsia si es posible.
¿Qué significa el ratio de contraste mostrado?
El ratio de contraste WCAG mide la diferencia de luminancia relativa entre dos colores: (L1 + 0.05) / (L2 + 0.05) donde L1 es la luminancia más clara y L2 la más oscura. Un ratio de 1:1 es idéntico (sin contraste), 21:1 es el máximo (negro sobre blanco). Las WCAG 2.1 requieren ≥ 4.5:1 para texto normal (nivel AA) y ≥ 7:1 para nivel AAA. El ratio se muestra tanto para el color original como para cada simulación de daltonismo, permitiéndote ver si el contraste se mantiene.