Simulador de daltonismo
Cuatro condiciones, un color. Metodología publicada estándar, para revisar tu trabajo.
Protanopía
#5A5ADASin conos L (longitud de onda larga). Los rojos parecen más oscuros y se desplazan hacia el dorado; la discriminación rojo-verde se ve gravemente afectada.
≈ 1% de hombres, < 0,01% de mujeresDeuteranopía
#5650D3Sin conos M (longitud de onda media). La forma más común de daltonismo. Los rojos y verdes se colapsan en amarillos-marrones turbios similares.
≈ 1% de hombres, < 0,01% de mujeresTritanopía
#3FC4BFSin conos S (longitud de onda corta). Los azules y amarillos pierden distinción; la rara forma "azul-amarillo" del daltonismo.
≈ 0,001% de la poblaciónAcromatopsia
#7A7A7ASin conos funcionales — solo visión por bastones. El mundo aparece en tonos de gris. A menudo acompañada de fotosensibilidad y agudeza visual reducida.
≈ 0,003% de la población¿Qué es el daltonismo?
La deficiencia de visión cromática (comúnmente "daltonismo") afecta aproximadamente a 1 de cada 12 hombres y a 1 de cada 200 mujeres a nivel mundial. Las formas más comunes son hereditarias y resultan de conos fotorreceptores ausentes o atípicos. Los tres tipos de conos — de longitud de onda larga (L), media (M) y corta (S) — corresponden aproximadamente a la sensibilidad al rojo, verde y azul. Una condición se nombra por el tipo de cono que falta o no funciona.
Esta herramienta simula las cuatro condiciones más citadas: protanopía (sin conos L), deuteranopía (sin conos M), tritanopía (sin conos S) y acromatopsia (sin conos funcionales). Las tricromacias anómalas — donde un cono está presente pero con sensibilidad desplazada — no se muestran; su apariencia visual interpola entre los extremos dicromáticos.
Cómo funciona la simulación
Las matrices de transformación usadas aquí se derivan de Brettel, Viénot y Mollon (1997), "Computerized simulation of color appearance for dichromats" (Journal of the Optical Society of America A, 14(10), 2647–2655) — la referencia canónica para la simulación de color dicromático. El método original proyecta cada color sobre un "plano de confusión dicromática" en el espacio LMS de los conos; la aproximación en espacio RGB que usamos produce un resultado visualmente equivalente para el caso de uso típico (comprobar si un diseño de UI sigue siendo legible bajo formas comunes de daltonismo).
Diseñar para el daltonismo
- No dependas solo del color para transmitir información. Empareja el color con forma, etiqueta, posición o iconografía. WCAG 2.1 SC 1.4.1.
- Prueba con cuidado los emparejamientos rojo-verde. Las dicromacias más comunes (protanopía, deuteranopía) colapsan rojo y verde en amarillos turbios similares.
- Usa contraste suficiente. Incluso con una diferencia de tono perceptible, el bajo contraste amplifica el impacto de la deficiencia de visión cromática.
- Prueba el caso acromático con una renderización en escala de grises de tu diseño. Si sobrevive en monocromo, sobrevive en cualquier parte.