Sin subida, 100% local, sin cuenta

Simulador de daltonismo

Ve tu imagen a través de los ojos de alguien con una deficiencia en la visión del color. Elige el tipo, previsualiza y descarga el resultado. Todo se ejecuta en tu navegador.

Cómo funciona Simulador de daltonismo

El simulador de daltonismo aplica matrices de transformación de color a tu imagen para mostrar cómo aparece ante personas con protanopia (ceguera al rojo), deuteranopia (ceguera al verde), tritanopia (ceguera al azul) o acromatopsia (daltonismo completo). Las matrices se aplican píxel a píxel usando Canvas.getImageData() y Canvas.putImageData() en tu navegador. No se transmiten datos de imagen a ningún servidor.

Las simulaciones se basan en modelos perceptivos publicados derivados de estudios sobre la deficiencia en la visión del color. Son aproximaciones de cómo el sistema visual de una persona afectada procesa el color, no reproducciones exactas de la experiencia individual, que varía. La herramienta está diseñada para ayudar a diseñadores y desarrolladores a identificar problemas de contraste o codificación de color que afectarían a una parte significativa de su audiencia: alrededor del 8 por ciento de los hombres y el 0,5 por ciento de las mujeres tienen alguna forma de deficiencia en la visión del color.

Escrito por Bastien Sulyan

Cómo usar Simulador de daltonismo, paso a paso

  1. Arrastra tu imagen al área de carga o haz clic para explorar.
  2. Selecciona un tipo de deficiencia en la visión del color en el menú: protanopia, deuteranopia, tritanopia o acromatopsia.
  3. Visualiza el resultado simulado junto con el original en el panel de comparación.
  4. Alterna entre los tipos de simulación para comparar cómo afecta cada condición a la imagen.
  5. Usa la vista en paralelo para identificar áreas donde el color por sí solo transmite información que podría perderse.

Casos de uso comunes

  • Un diseñador de interfaz comprueba si un indicador de estado en rojo y verde es distinguible para usuarios con deuteranopia antes de lanzar una función.
  • Un autor de visualización de datos verifica que un gráfico de líneas múltiples con series codificadas por color siga siendo legible en la simulación de protanopia.
  • Un diseñador de marca evalúa cómo se lee un logotipo con colores de degradado bajo acromatopsia para asegurarse de que conserva su forma y contraste reconocibles.
  • Un desarrollador de videojuegos prueba si las zonas del mapa codificadas por color son distinguibles para jugadores con tritanopia y añade rellenos de patrón para complementar la codificación de color.

Preguntas frecuentes

¿Qué tan precisas son las simulaciones de daltonismo?

Las simulaciones aplican matrices de transformación perceptiva derivadas de investigaciones publicadas sobre deficiencia en la visión del color. Son aproximaciones científicamente fundamentadas de los casos típicos de cada condición. La experiencia individual varía: la gravedad difiere entre personas con el mismo diagnóstico y la simulación no puede dar cuenta de las estrategias compensatorias que algunos usuarios desarrollan. Trata la salida como un indicador útil, no como una prueba definitiva.

¿La herramienta cubre todos los tipos de daltonismo?

Los cuatro tipos cubiertos son las formas más comunes de deficiencia en la visión del color y el daltonismo completo. Los tipos de tricromatismo anómalo (protanomalía, deuteranomalía, tritanomalía), que representan deficiencias parciales, no se modelan por separado en la versión actual.

¿Mi imagen se analiza en un servidor para producir la simulación?

No. La transformación de la matriz de colores se calcula localmente usando Canvas.getImageData() para leer la matriz de píxeles y Canvas.putImageData() para escribir el resultado. Todo el procesamiento ocurre dentro de la pestaña del navegador y los datos de la imagen permanecen en tu dispositivo.

¿Puedo usar esta herramienta para comprobar las relaciones de contraste de color?

Esta herramienta muestra cómo se ven los colores ante personas con deficiencia en la visión del color, pero no calcula las relaciones de contraste WCAG numéricamente. Para la comprobación numérica del contraste, usa la herramienta de conversión de colores, que incluye un verificador de contraste WCAG.

¿La herramienta funciona con imágenes que contienen texto?

Sí. La transformación se aplica a toda la matriz de píxeles, incluido cualquier texto renderizado en la imagen. Esto te permite comprobar si el color del texto sobre su fondo sigue siendo legible bajo cada condición simulada.

Herramientas relacionadas

Mantén todo en local, explora herramientas complementarias.

Todas las herramientas de imagen