Herramienta privada de accesibilidad visual

Simulador de daltonismo para imágenes e interfaces

Usa el simulador de daltonismo para comparar una ilustración, una interfaz, un gráfico o una captura con vistas de protanopia, deuteranopia y tritanopia. La imagen permanece en el navegador, las cuatro vistas conservan el mismo encuadre y el archivo exportado registra la intensidad elegida.

Simulador de daltonismo actualizado el 26 de julio de 2026

simulador de daltonismo

¿Qué muestra este simulador de daltonismo?

El simulador de daltonismo aplica a los píxeles de una imagen local tres matrices publicadas para deficiencias de la visión del color. Presenta el original junto con aproximaciones de protanopia, deuteranopia y tritanopia, y permite mezclar desde el 0% del color original hasta el 100% del resultado matricial. El simulador de daltonismo ayuda a encontrar diferencias que dependen solo del tono, pero no reproduce la percepción de una persona, no diagnostica la visión del color y no certifica la accesibilidad.

simulador de daltonismo

Una pregunta visual y cuatro respuestas alineadas

El simulador de daltonismo conserva recorte, tamaño y píxeles de origen en cada vista para que la comparación trate del color y no de un cambio de composición.

  • Comparar detalles sin mover la composición

    Cada vista del simulador de daltonismo utiliza el mismo lienzo de origen. Rasgos del personaje, marcas del gráfico, etiquetas, controles y fondos mantienen su posición, de modo que una distinción debilitada resulta más fácil de localizar.

  • Mantener el trabajo privado en el navegador

    El simulador de daltonismo decodifica archivos PNG, JPEG y WebP mediante API del navegador. Esta herramienta no tiene endpoint de subida, biblioteca en la nube, cuenta ni fase de procesamiento en el servidor.

  • Exportar una prueba para la revisión

    El simulador de daltonismo genera un PNG etiquetado con el original y las tres vistas simuladas. El equipo puede adjuntarlo a la revisión de accesibilidad y conservar por separado el archivo original.

Comparación local en el navegador

Usar el simulador de daltonismo

Carga un PNG, JPEG o WebP de hasta 12 MB. El simulador de daltonismo crea cuatro lienzos alineados sin subir la imagen.

Procesamiento local
Suelta una imagen aquí

PNG, JPEG o WebP · hasta 12 MB · también puedes pegar

0% conserva los píxeles originales y 100% muestra la matriz completa. Es una mezcla visual, no una escala clínica.

Ilustración de ejemplo de Toon ToneLas cuatro vistas alineadas están listas.

OriginalImagen de origen sin modificar
Preparando la imagen…Imagen de origen sin modificar
ProtanopiaVista con matriz completa de dicromacia protán
Preparando la imagen…Vista con matriz completa de dicromacia protán
DeuteranopiaVista con matriz completa de dicromacia deután
Preparando la imagen…Vista con matriz completa de dicromacia deután
TritanopiaVista con matriz completa de dicromacia tritán
Preparando la imagen…Vista con matriz completa de dicromacia tritán

simulador de daltonismo

Integrar la vista previa en una revisión de diseño

Un simulador de daltonismo aporta más cuando conduce a una inspección concreta y a un cambio verificable que cuando solo produce la impresión de que la paleta se ve distinta.

1. Cargar el estado real

Sube la pantalla, el gráfico, la ilustración o la pose exacta que verá la persona. El resultado de un simulador de daltonismo aplicado a una muestra aislada no revela una etiqueta, un borde, un foco o una marca superpuesta que desaparece en contexto.

2. Comparar los tres modelos

Examina las tarjetas de protanopia, deuteranopia y tritanopia para localizar pares difíciles de separar. Usa el simulador de daltonismo al 100% para ver la matriz completa y baja después la mezcla para observar cuándo empieza a debilitarse la diferencia.

3. Añadir una señal que no sea color

Si el simulador de daltonismo descubre una diferencia basada solo en el tono, añade texto, icono, patrón, contorno, forma o posición. El criterio de uso del color del W3C busca conservar el significado, no conseguir que todas las imágenes simuladas sean idénticas.

4. Probar la interfaz implementada

Exporta el estado revisado, ejecuta de nuevo el simulador de daltonismo y completa la comprobación con el verificador de contraste. Simulación, contraste, teclado, etiquetas y pruebas con personas responden a preguntas distintas.

simulador de daltonismo

Qué representa cada vista del simulador de daltonismo

El simulador de daltonismo usa las tres matrices de dicromacia completa del modelo de Machado, Oliveira y Fernandes. Las expresiones rojo-verde y azul-amarillo son abreviaturas prácticas, no una descripción total de la percepción individual.

Vistas del simulador de daltonismo, enfoque del modelo y pregunta de revisión
VistaEnfoque del modeloNombre habitualPregunta de revisión
OriginalPíxeles sRGB sin modificarVista de referencia¿Qué diferencias transmiten significado antes de simular?
ProtanopiaMatriz completa de dicromacia protánFamilia rojo-verde¿Se unen alertas o detalles dominados por el rojo con colores cercanos?
DeuteranopiaMatriz completa de dicromacia deutánFamilia rojo-verde¿Siguen separados estados verdes, series o rasgos del personaje?
TritanopiaMatriz completa de dicromacia tritánFamilia azul-amarillo¿Se distinguen todavía los canales azul y amarillo sin etiquetas?

simulador de daltonismo

Comprobación repetible en cinco pasos

Usa la misma secuencia del simulador de daltonismo antes de aprobar una paleta, ilustración, gráfico o estado nuevo.

  1. 01

    simulador de daltonismo: Captura el estado real con etiquetas, leyendas, indicadores de foco y fondos visibles.

  2. 02

    simulador de daltonismo: Revisa protanopia, deuteranopia y tritanopia al 100% y al menor tamaño previsto.

  3. 03

    simulador de daltonismo: Encuentra toda diferencia significativa basada solo en color y añade texto, forma, patrón, icono o posición.

  4. 04

    simulador de daltonismo: Mide pares importantes de primer plano y fondo con el verificador de contraste, sin deducirlos de la simulación.

  5. 05

    simulador de daltonismo: Exporta el PNG de cuatro vistas, anota la decisión modificada y repite la prueba después de implementarla.

simulador de daltonismo

Qué respaldan las fuentes y qué no

El simulador de daltonismo toma las matrices de investigación primaria y el método de fuentes oficiales. Las cifras describen poblaciones, normas y alcance del modelo, no la experiencia exacta de una persona.

  • El National Eye Institute de Estados Unidos indica que aproximadamente 1 de cada 12 hombres presenta deficiencia en la visión del color; esta guía pública se revisó el 26 de julio de 2026. National Eye Institute de EE. UU.: daltonismo
  • La guía de accesibilidad de Adobe, actualizada el 16 de mayo de 2021, estima una prevalencia mundial del 3–8% y aporta el ejemplo de aproximadamente 1 de cada 200 mujeres en población caucásica. Adobe: herramientas de accesibilidad del color
  • Machado, Oliveira y Fernandes publicaron su modelo fisiológico de simulación en 2009; el simulador de daltonismo emplea las matrices completas de protanopia, deuteranopia y tritanopia. Artículo corregido de Machado et al. (2009)
  • El criterio 1.4.1 de WCAG 2.2 tiene nivel A y exige no depender solo del color para transmitir información; una simulación detecta riesgos, pero no decide por sí misma la conformidad. W3C: explicación del criterio 1.4.1

El W3C resume el objetivo en nueve palabras: Color is not the only way of distinguishing information.

simulador de daltonismo

Preguntas sobre el simulador de daltonismo

¿Este simulador de daltonismo es una prueba médica?

No. El simulador de daltonismo transforma píxeles para aproximaciones de revisión de diseño. No examina a una persona, no mide severidad y no ofrece diagnóstico. Para evaluar la visión, el National Eye Institute recomienda acudir a un profesional de la vista.

¿Un buen resultado demuestra que el diseño es accesible?

No. El simulador de daltonismo puede revelar diferencias de color débiles, pero la accesibilidad también depende de contraste, texto, formas, etiquetas, teclado, zoom, movimiento, semántica y pruebas con personas. Registra el resultado como una entrada de revisión.

¿Por qué aparecen tres vistas simuladas?

Protanopia y deuteranopia suelen agruparse como tipos rojo-verde, mientras que tritanopia se describe como azul-amarillo. El simulador de daltonismo muestra las tres porque una paleta puede comportarse de manera distinta bajo cada matriz.

¿Qué significa el deslizador de intensidad?

El simulador de daltonismo mezcla los píxeles sRGB linealizados originales al 0% con la matriz completa al 100%. Los valores intermedios ayudan a comparar y no representan una estimación médica de severidad.

¿Se guardan las imágenes subidas?

El simulador de daltonismo procesa las imágenes admitidas en la pestaña actual y no posee un endpoint de subida. Recargar o cerrar elimina el Canvas de trabajo. El PNG descargado permanece donde lo guarde la persona.