Simulador de daltonismo

Cómo usar el simulador

1. Arrastra una imagen o elígela desde tu dispositivo. Al abrir la página verás una imagen de ejemplo con colores típicos, un semáforo y un gráfico de barras rojo y verde.
2. Elige el tipo de daltonismo. La imagen simulada se actualiza al momento junto a la original.
3. Con la severidad por debajo del 100 % puedes aproximar las formas parciales (anomalías), que son las más comunes.
4. Descarga el resultado en PNG para incluirlo en un informe de accesibilidad o enseñárselo a tu equipo.

Las imágenes muy grandes se reducen a 1600 px en su lado mayor para que el proceso sea fluido.

Tipos de daltonismo que simula

Las alteraciones rojo-verde son, con diferencia, las más frecuentes y tienen herencia ligada al cromosoma X, por lo que afectan mucho más a hombres que a mujeres. La tritanopia y la acromatopsia completa son raras.

Cómo funciona la simulación

Para cada píxel, la herramienta:

1. Convierte los valores sRGB a RGB lineal (deshace la corrección gamma), porque la mezcla de luz que capta el ojo es lineal.
2. Multiplica el color por una matriz de 3 × 3 que modela la pérdida de un tipo de cono. Se usan las matrices de severidad máxima publicadas por Machado, Oliveira y Fernandes en A Physiologically-based Model for Simulation of Color Vision Deficiency (IEEE TVCG, 2009).
3. Vuelve a convertir el resultado a sRGB para mostrarlo.

Para severidades parciales, la matriz se interpola linealmente entre la identidad (visión típica) y la matriz completa. Es una aproximación: el modelo original calcula matrices específicas para cada grado de severidad. En acromatopsia se usa la luminancia relativa (Y = 0,2126 R + 0,7152 G + 0,0722 B).

Qué revisar en tus diseños

• Gráficos con rojo y verde: en deuteranopia, las barras roja y verde del ejemplo se ven casi iguales, de un tono ocre. Usa azul y naranja, o añade patrones y etiquetas.
• Mensajes de error y éxito: no indiques el estado solo con el color del borde; añade un icono o un texto («Error: …»).
• Enlaces: si solo se distinguen del texto por el color, subráyalos o asegura un contraste de al menos 3:1 con el texto circundante. Mídelo con el comprobador de contraste.
• Mapas y leyendas: elige paletas que varíen también en claridad, no solo en tono. El generador de paletas monocromático es una buena base.
• Fotos de producto: si vendes artículos en varios colores, escribe el nombre del color junto a cada muestra. Para identificar los colores exactos de una foto, usa colores de una imagen.

Para otros ajustes visuales de una imagen (escala de grises, sepia, brillo), prueba los filtros de imagen.