Cargando aplicación...
Preparando tu experiencia meskeIA
Visualiza cómo perciben tus diseños las personas con daltonismo. Sube una imagen o usa la paleta de prueba y verás al instante 8 simulaciones generadas con matrices oficiales. Todo el procesamiento ocurre en tu navegador.
Arrastra una imagen o haz clic para seleccionar
JPG, PNG o WEBP · hasta 10 MB · se redimensiona a 720 px de ancho
Cómo funciona la visión cromática, qué tipos existen y cómo diseñar para que tu interfaz funcione para todos
El daltonismo (más correctamente, deficiencia de visión cromática) afecta aproximadamente al 8% de los hombres y al 0,5% de las mujeres de origen europeo. No es ceguera al color: es una percepción distinta debido a que uno de los tres tipos de conos retinianos (L para rojo, M para verde, S para azul) funciona de forma diferente o está ausente. Como diseñador o desarrollador, conviene comprobar que tu interfaz comunica la información también sin depender exclusivamente del color.
| Tipo | Cono afectado | Efecto principal | Prevalencia (hombres) |
|---|---|---|---|
| Deuteranomalía | M (verde) alterado | Confusión leve rojo-verde | ~5% |
| Deuteranopia | M (verde) ausente | Confusión marcada rojo-verde | ~1% |
| Protanomalía | L (rojo) alterado | Rojos apagados, confusión rojo-verde | ~1% |
| Protanopia | L (rojo) ausente | Rojos muy oscuros o negros | ~1% |
| Tritanomalía / Tritanopia | S (azul) alterado/ausente | Confusión azul-amarillo | <0,01% |
| Acromatopsia | Ningún cono funcional | Visión en escala de grises | ~0,003% |
Comprueba si tu paleta de marca, estados de botón (éxito/error) o categorías de un dashboard se siguen distinguiendo bajo deuteranopia o protanopia.
Tu mapa de calor o tu gráfico de barras puede ser ininteligible para el 5% de tu audiencia. Verifica que el patrón se entiende sin color.
Muestra a tus alumnos cómo cambia la percepción del color y por qué el diseño accesible importa. Útil en clases de biología, arte o tecnología.
Antes de pushear, prueba tus capturas de pantalla aquí y comprueba que los iconos rojo/verde tienen también forma, texto o posición distintivos.
No. Todo el procesamiento ocurre en tu navegador con la API Canvas. La imagen nunca abandona tu equipo. Puedes verificarlo en las DevTools del navegador (pestaña Network).
Las matrices Machado et al. (2009) modelan la percepción retiniana, pero el cerebro de una persona con protanopia ha aprendido toda la vida a interpretar los rojos a partir de la luminancia y de los conos M restantes. La simulación es una aproximación, no una réplica exacta.
Sí. Son las matrices publicadas en Machado, Oliveira & Fernandes (2009), “A Physiologically-based Model for Simulation of Color Vision Deficiency”, IEEE TVCG. Es el estándar de facto en herramientas de accesibilidad como Sim Daltonism o Color Oracle.
No. El daltonismo se diagnostica con tests específicos (Ishihara, Farnsworth-Munsell) realizados por un profesional. Esta herramienta solo simula la percepción para diseñadores.
Para que el procesamiento sea instantáneo incluso en móviles. La simulación se aplica píxel a píxel y a 4K serían millones de operaciones. 720 px es suficiente para comparar paletas y elementos UI.
Chrome y Firefox tienen simulaciones cromáticas en su panel “Rendering” (DevTools) que aplican a toda la página. Útil para auditar webs en vivo. Esta app es complementaria: procesa una imagen concreta y permite descargarla.
La simulación se basa en transformaciones lineales del espacio RGB sRGB mediante matrices 3×3. Cada matriz reproduce cómo cambiaría la señal en la retina al carecer (dicromacia) o tener alterado (anomalía) uno de los conos. Esto da una imagen perceptualmente cercana, aunque no idéntica, a lo que vería una persona con esa deficiencia. Las matrices están publicadas en Machado, Oliveira & Fernandes (2009) y son las más citadas en herramientas de accesibilidad.