Simulador de daltonismo

Previsualiza problemas de accesibilidad del color en una imagen

El color puede transmitir información importante en gráficos, botones, mapas, paneles y piezas de marketing. Pero no todas las personas perciben las diferencias de color de la misma manera. Este simulador de daltonismo te ayuda a previsualizar cómo puede verse una imagen con las deficiencias de visión del color más comunes, para que puedas detectar dónde la información depende demasiado del contraste rojo-verde o azul-amarillo.

La simulación se realiza por completo en tu navegador. La imagen se dibuja en un canvas, cada píxel se transforma con una matriz de color estándar de 3×3 y el canvas resultante se muestra y se puede descargar como PNG. Ningún servidor recibe tu captura de pantalla o tu diseño, lo que resulta especialmente útil para interfaces sin publicar, trabajos para clientes y paneles internos.

Entender los tipos de simulación

La protanopía simula la ausencia o el mal funcionamiento de los conos rojos de longitud de onda larga, lo que puede hacer que los rojos se vean más oscuros y reducir la distinción entre rojo y verde. La deuteranopía simula la ausencia de los conos verdes de longitud de onda media, otra deficiencia rojo-verde común. La tritanopía simula la ausencia de los conos azules de longitud de onda corta, que afecta a la percepción azul-amarillo y es menos frecuente. La opción Normal deja la imagen sin cambios para que puedas compararla rápidamente con las versiones transformadas.

Diseñar más allá del color

Un simulador es una ayuda de revisión, no una auditoría de accesibilidad completa ni una herramienta de diagnóstico médico. Úsalo para encontrar combinaciones de color arriesgadas y luego mejora el diseño con etiquetas, iconos, patrones, subrayados, más contraste y señales redundantes. Los gráficos no deberían depender solo de líneas de distintos colores; los estados de error deberían incluir texto o cambios de forma; los botones deberían seguir siendo reconocibles sin el tono. Si la vista previa simulada sigue comunicando el mismo mensaje, es más probable que tu imagen funcione para un público más amplio. Revisa también las pantallas importantes a su tamaño real de visualización, porque las etiquetas pequeñas, las líneas finas de los gráficos y los tintes de fondo sutiles pueden volverse más difíciles de distinguir tras aplicar la transformación de color.

Interpretar los resultados

Las deficiencias rojo-verde son mucho más comunes que las azul-amarillo, por lo que la protanopía y la deuteranopía suelen ser las dos primeras vistas previas que conviene comprobar. Cambia entre las opciones y compara el original con cada versión: si dos categorías, líneas o colores de estado se vuelven difíciles de distinguir, el diseño depende demasiado del tono. Ten en cuenta que son aproximaciones de la dicromacia completa. Las formas más leves de debilidad cromática y las afecciones más raras, como la acromatopsia, no están cubiertas, y la percepción real varía entre personas y condiciones de iluminación. El PNG descargado conserva la resolución completa de tu original e incluye el nombre de la simulación en el nombre del archivo.