Skip to main content
ColorVision
Español
Herramienta gratuita de simulación

Simulador de daltonismo

Sube cualquier imagen para ver cómo la percibe alguien con distintos tipos de deficiencia en la visión del color. Todo el procesamiento ocurre en tu navegador: tu imagen nunca se envía a ningún servidor.

Sube tu imagen

Filtro activo

Normal

Visión del color estándar

Vista simulada

Tu imagen simulada aparecerá aquí después de subirla.

Sobre este simulador de daltonismo

Cómo funciona

Este simulador utiliza matrices de transformación de color basadas en el trabajo de Machado, Oliveira y Fernandes (2009) para convertir el color de cada píxel tal y como lo percibiría una persona con cada tipo de deficiencia en la visión del color. Todos los cálculos se realizan localmente en tu navegador mediante la API Canvas de HTML5.

Quién usa esta herramienta

Diseñadores y desarrolladores la utilizan para comprobar si sus interfaces, infografías, gráficos o materiales de marketing resultan accesibles para los aproximadamente 300 millones de personas en el mundo que viven con una deficiencia en la visión del color. Es especialmente útil para verificar el cumplimiento de las pautas de accesibilidad WCAG.

Protanopia

~1%

Ceguera al rojo. Ausencia de conos de onda larga (L).

Deuteranopia

~1%

Ceguera al verde. Ausencia de conos de onda media (M).

Tritanopia

<0.01%

Ceguera al azul. Ausencia de conos de onda corta (S).

Acromatopsia

<0.003%

Daltonismo total. Solo se percibe en escala de grises.

Para qué sirve un simulador

Un simulador de visión del color es un instrumento de diseño, no de diagnóstico. Usted le entrega una imagen; él devuelve una aproximación de qué distinciones cromáticas sobreviven a una deficiencia determinada y cuáles se hunden. El valor está en las que se hunden. Si dos elementos de su interfaz significan cosas distintas y la simulación los reproduce con el mismo color, ha encontrado un defecto que afecta a una parte sustancial de su público.

Conviene ser preciso sobre lo que el resultado no es. No es una ventana a la experiencia subjetiva de nadie. Quien tiene deuteranomalía congénita ha visto el mundo así desde que nació; su percepción del color le resulta perfectamente normal a esa persona, y a menudo supera a los tricrómatas en ciertas tareas de discriminación. Presentar una simulación como «lo que ellos ven» es inexacto y, cuando plantea el trastorno como una carencia, además poco útil.

Lo que la simulación sí le dice es dónde su diseño depende de información que una minoría sustancial de espectadores no recibe. Ese es un hecho técnico sobre el que se puede actuar.

El modelo que hay detrás de la transformación

Los simuladores ingenuos proyectan la imagen sobre la recta de colores que un dicrómata puede distinguir. Eso sirve para la dicromacia, pero es incorrecto para la tricromacia anómala, mucho más frecuente, donde el cono afectado existe con una sensibilidad espectral desplazada y la información cromática se comprime en lugar de eliminarse.

Este simulador sigue el enfoque fisiológico de Machado, Oliveira y Fernandes, que modela directamente el desplazamiento de la sensibilidad de los conos. Como ese desplazamiento es un parámetro continuo, el mismo modelo cubre todo el rango, desde la visión normal hasta la dicromacia completa pasando por la anomalía leve, en lugar de tratarlos como casos inconexos.

Entender la distinción cambia la forma de diseñar. La deuteranopía —ausencia del cono de onda media— es el caso estricto. La deuteranomalía —ese cono presente pero desplazado— es el caso común, afecta a muchas más personas y produce fallos más sutiles: colores que siguen siendo técnicamente distinguibles pero que ya no se separan de un vistazo en un gráfico denso o en un elemento pequeño de interfaz.

Cómo aprovechar el resultado

Cargue una imagen que transmita significado real mediante el color: un panel de control, un gráfico con leyenda codificada por color, un mapa, un formulario con estados de error en rojo, un diagrama de señalización. Compare cada simulación con el original y hágase una sola pregunta ante cada distinción codificada por color: ¿sigue diciéndole al espectador lo que necesita saber?

Fallos habituales que conviene buscar:

  • Indicadores de estado en rojo y verde que se convierten en el mismo tono apagado. Es el defecto de accesibilidad más extendido en el software.
  • Paletas categóricas de gráficos donde series contiguas se funden, sobre todo paletas cualitativas elegidas por variedad estética y no por separación perceptiva.
  • Mapas de calor secuenciales que pasan por el rojo y el verde y pierden su orden.
  • Enlaces distinguidos del texto solo por el color, que desaparecen por completo.
  • Campos obligatorios y estados de error señalados únicamente por un borde rojo.

La solución casi nunca es «usar otros colores». Es añadir una segunda señal no cromática: una etiqueta de texto, un icono, una forma, un patrón de relleno, una posición, un subrayado. El color pasa entonces a reforzar el significado en lugar de ser su único soporte, que es lo que exige el criterio de uso del color de las WCAG.

Dónde deja de ser fiable la simulación

La transformación se aplica a los valores sRGB de su imagen, así que su exactitud está limitada por la fidelidad con que su pantalla reproduce sRGB y por si el original se creó en ese espacio. El material de gama amplia, el contenido HDR y los flujos de trabajo con gestión de color intensiva desplazarán el resultado.

El modelo describe además deficiencias congénitas. La pérdida adquirida de visión del color —por glaucoma, retinopatía diabética, enfermedad del nervio óptico, catarata o medicación— suele comportarse de otro modo, afecta con frecuencia a los dos ojos de forma desigual y viene acompañada a menudo de una reducción de la agudeza o de la sensibilidad al contraste que ninguna transformación cromática recoge.

Por último, recuerde que la simulación es una sola lente. Le dice qué tonos se funden; no le dice nada sobre si su texto tiene suficiente contraste de luminancia para ser legible de entrada. Combínela con el comprobador de contraste.

Para orientación más amplia, consulte diseñar para el daltonismo y cómo hacer gráficos accesibles.

¿Tienes preguntas?

Preguntas frecuentes

Todo lo que necesitas saber sobre las pruebas de daltonismo, cómo funcionan y qué hacer con tus resultados.

¿Es esto lo que ven realmente las personas daltónicas?

No, y ningún simulador puede serlo. Una simulación reproduce, en su pantalla de visión normal, una aproximación de qué información sobrevive a una deficiencia. No puede reproducir la experiencia subjetiva. Quien nace con una deficiencia nunca ha conocido la alternativa, así que sus colores le resultan sencillamente normales: no percibe su mundo como una versión desvaída del suyo. Use el resultado para localizar dónde su diseño pierde información, no para imaginar la experiencia ajena.

¿Qué modelo emplea la simulación?

Sigue el enfoque fisiológico descrito por Machado, Oliveira y Fernandes, que modela el desplazamiento de la sensibilidad espectral del cono afectado en lugar de limitarse a proyectar los colores sobre una recta. Esa distinción importa en la tricromacia anómala —protanomalía y deuteranomalía—, donde el cono existe pero está desplazado y la intensidad varía de forma continua.

¿Por qué la dicromacia y la tricromacia anómala se ven tan distintas?

Porque son trastornos distintos. En la dicromacia falta por completo una clase de conos, de modo que la información cromática de ese eje desaparece realmente y la simulación la colapsa. En la tricromacia anómala el cono existe con el pico desplazado, así que la información se comprime en lugar de perderse. La tricromacia anómala es mucho más frecuente, y por eso diseñar solo contra la simulación dicromática exagera el problema en unos puntos y lo subestima en otros.

Mi gráfico sigue leyéndose en la simulación. ¿He terminado?

Todavía no. Una simulación comprueba si los tonos siguen siendo distinguibles, pero no comprueba las relaciones de contraste ni detecta los casos en los que el color es la única señal que transmite significado. Pase también el comprobador de contraste y confirme que cada distinción codificada por color tiene una segunda señal: una etiqueta, un patrón, una forma o una posición.

¿El simulador sube mi imagen a algún servidor?

No. La transformación se ejecuta por completo en su navegador mediante un elemento canvas. La imagen no sale nunca de su dispositivo ni se envía a ningún servidor.

¿Contra qué tipo debería diseñar?

Compruebe primero la deuteranomalía, ya que las deficiencias deután son con diferencia las más frecuentes, y después la deuteranopía como caso más estricto. Añada la tritanopía si su paleta depende de distinciones azul-amarillo. Si un diseño sobrevive a la deuteranopía y a la tritanopía con su significado intacto, por lo general sobrevivirá a las formas más leves.

¿Aún tienes preguntas? Contáctanos →