PK Systems PK Systems
Herramientas de color

Simulador de Daltonismo

Mira cualquier color a través de ocho deficiencias de la visión cromática. Conoce exactamente cómo lo perciben los usuarios con protanopia, deuteranopia, tritanopia, acromatopsia y sus formas leves.

Simulador de Daltonismo

¿Qué es el daltonismo?

El daltonismo — más correctamente llamado deficiencia de la visión cromática — es una condición genética o adquirida en que uno o más de los tres tipos de células cono de la retina está ausente o tiene la sensibilidad desplazada. Cerca de 1 de cada 12 hombres y 1 de cada 200 mujeres percibe los colores de forma diferente a la mayoría tricromática, y las deficiencias rojo-verde son por lejos las más comunes. Las ocho condiciones de esta página cubren toda la taxonomía clínica: las opias son las formas severas (un tipo de cono no funciona) y las omalías son las formas leves y anómalas (el cono existe pero su pico de sensibilidad está desplazado).

Cómo usar este simulador

Elige un color de tu paleta en el selector, o pega un código hex. La grilla de abajo muestra cómo ese color es percibido por alguien con cada una de las ocho deficiencias — más una tarjeta "Visión normal" como referencia. Si dos colores de tu marca colapsan en el mismo tono bajo deuteranopia o protanopia, tienes un problema real de accesibilidad y deberías combinarlos con forma, etiqueta o patrón.

Diseñando para deficiencia visual cromática

Nunca dependas solo del color para transmitir estado — combina indicadores rojo/verde con íconos (tilde, cruz), etiquetas o posición. Evita combinaciones rojo-sobre-verde y naranja-sobre-amarillo en gráficos; usa pares azul-naranja o púrpura-amarillo, que se mantienen distinguibles en todas las deficiencias comunes. Prueba el gráfico completo, no solo una muestra — segmentos y líneas adyacentes deben diferir en luminosidad además de matiz, ya que los deuteranopes pierden pistas de matiz pero conservan pistas de luminosidad. Para visualización de datos, paletas como viridis o cividis están diseñadas para ser perceptualmente uniformes en todos los tipos de visión.

Cómo funciona la simulación

Cada deficiencia se modela como una transformación lineal 3×3 en espacio RGB lineal, derivada de proyecciones de líneas de confusión en el espacio de respuesta de conos LMS (Brettel/Viénot 1997). El pipeline es: decodificar gama de sRGB a RGB lineal, multiplicar por la matriz de la deficiencia, recortar al rango [0,1], y codificar gama de vuelta a sRGB. Las tricromacias anómalas (las omalías) son una mezcla lineal del 50% entre la dicromacia correspondiente y la matriz identidad — una aproximación simple pero ampliamente usada para desplazamiento parcial de cono.

Frecuencia de cada tipo

Deuteranomalía es la más común (~5% de los hombres descendientes de europeos), seguida por protanomalía (~1%), luego deuteranopia y protanopia (~1% cada una). Las condiciones tritan afectan la visión azul-amarillo y son muy raras (menos de 0,01%), y se distribuyen igual entre sexos porque el gen es autosómico. Acromatopsia — monocromacia verdadera — afecta a aproximadamente 1 de cada 30.000 personas. Combinadas, las deficiencias rojo-verde representan más del 99% de todas las diferencias en visión cromática.

Preguntas frecuentes

¿Qué tan precisas son estas simulaciones?
Lo bastante precisas para detectar la mayoría de problemas de accesibilidad. Las matrices vienen de modelos peer-reviewed de la ciencia de la visión (Brettel & Viénot, 1997) que han sido el estándar de hecho durante dos décadas. No reemplazan las pruebas con usuarios reales, pero revelan de forma confiable los casos en que dos colores colapsan en uno — que es lo que el 99% de las auditorías de diseño quieren saber.
¿Por qué los colores oscuros se ven casi idénticos en todos los tipos?
Las células cono necesitan luz para activarse. Por debajo de cierto umbral de luminancia, incluso retinas de visión normal pasan al sistema acromático de los bastones, que no distingue matiz. Las deficiencias cromáticas efectivamente ensanchan ese umbral. Si tu diseño depende de distinciones de matiz en regiones oscuras (grises de baja saturación, navy oscuro vs teal oscuro), espera que esas distinciones desaparezcan para muchos espectadores.
¿Cuál es la diferencia entre -opia y -omalía?
-opia significa que el tipo de cono está ausente o no funciona (dicromacia — solo dos tipos de cono operan). -omalía significa que el cono existe pero su pico de sensibilidad está desplazado, así que el cerebro sigue recibiendo un tercer canal de información, solo que más ruidoso. Las anomalías son más leves, más comunes, y más difíciles de autodiagnosticar porque la experiencia diaria parece normal para quien las tiene.
¿Debo preocuparme por la tritanopia en mis diseños?
Estadísticamente, no — es muy rara. Pero las mismas correcciones que resuelven la confusión rojo-verde (íconos, etiquetas, contraste de luminosidad, paletas azul-naranja) también cubren los casos tritan gratis, así que construir accesibilidad desde el principio es más barato que adaptarla después.
¿Puedo simular una imagen entera, no solo un color?
Aquí no — es una vista previa color a color, optimizada para auditorías de paleta y marca. Para simulación de imagen completa, extensiones de navegador como Funkify o el panel de Renderizado de DevTools de Chrome aplican las mismas transformaciones matriciales a páginas enteras.
¿Los datos salen de mi navegador?
No. Las matrices están integradas en el JavaScript de la página y toda transformación corre localmente — sin analytics sobre qué colores probaste, sin llamadas a API externa. Puedes soltar tu paleta de marca no lanzada sin preocupación.