Simulador de daltonismo: protanopia, deuteranopia y tritanopia

Este simulador de daltonismo transforma un color sRGB hexadecimal mediante una matriz estándar fija para protanopia, deuteranopia o tritanopia. Devuelve el color de origen normalizado, el tipo de visión seleccionado, el color hexadecimal simulado y los valores de sus canales rojo, verde y azul. El resultado ofrece una aproximación práctica para revisiones iniciales de diseño, comparaciones de paletas, documentación y procesos automáticos de calidad. No diagnostica la visión ni reproduce la percepción de cada persona, pero permite detectar cambios de color potencialmente confusos antes de que un diseño llegue a sus usuarios.

Elija el color de origen y el tipo de simulación

Comience con un color expresado como valor sRGB hexadecimal, ya sea en la forma abreviada de tres dígitos, como #F80, o en la forma completa de seis dígitos, como #FF8800. Después seleccione protanopia, deuteranopia o tritanopia. La protanopia representa la ausencia de respuesta funcional de los conos sensibles a longitudes de onda largas y suele modificar relaciones que incluyen el rojo.

La deuteranopia representa la ausencia de respuesta funcional de los conos de longitud de onda media y afecta habitualmente a distinciones relacionadas con el verde. La tritanopia representa la ausencia de respuesta funcional de los conos de longitud de onda corta y puede alterar las relaciones entre azul y amarillo. El servicio rechaza cualquier otro tipo en lugar de hacer una suposición silenciosa, por lo que las pruebas por lotes y las comprobaciones de sistemas de diseño siguen siendo fiables.

También rechaza nombres de colores, valores sin almohadilla, canales alfa y cadenas hexadecimales incorrectas.

Comprenda cómo se calcula la aproximación

El simulador convierte primero el texto hexadecimal en tres canales sRGB enteros comprendidos entre cero y 255. A continuación selecciona la matriz fija de 3 por 3 asociada al tipo de daltonismo solicitado. Cada canal de salida se obtiene como suma ponderada de los canales rojo, verde y azul originales.

Los valores calculados se redondean al entero más próximo, se limitan al intervalo válido del canal y se presentan como un color hexadecimal de seis dígitos. Se trata de una aproximación matricial determinista: una misma entrada siempre produce la misma salida, sin solicitudes de red, elecciones aleatorias, perfiles de usuario ni estados dependientes del dispositivo. Esa uniformidad resulta útil para auditorías repetibles e instantáneas de prueba.

Sin embargo, una muestra simulada aislada no constituye un veredicto completo de accesibilidad. La visión cromática real varía, la calibración de las pantallas también y los colores circundantes influyen en la percepción. Use la transformación para revelar cambios y coincidencias probables, junto con mediciones de contraste, señales no cromáticas, etiquetas, patrones y pruebas de estados completos de la interfaz.

Integre el resultado en un proceso de diseño accesible

Compare el color simulado devuelto con otros colores transformados de la misma paleta, sobre todo aquellos que comunican estados, selección, validación o categorías de gráficos. Dos colores de origen que parecen claramente distintos pueden acercarse bajo una simulación concreta. Si resultan difíciles de distinguir, ajuste el matiz, la luminosidad, la saturación, los bordes, los iconos, el texto o los patrones en vez de depender únicamente del color.

Para automatizar el trabajo, llame al servicio una vez por cada elemento de la paleta y cada tipo admitido; después guarde los valores hexadecimal y RGB normalizados junto a los tokens originales. La salida estable facilita las revisiones de regresión cuando cambia un sistema de diseño. Recuerde que esta capacidad evalúa una transformación de color, no el contraste entre primer plano y fondo ni una página renderizada completa.

Una revisión sólida combina la simulación con comprobaciones de contraste y pruebas de usabilidad centradas en personas.