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.
Esto es una herramienta de diseño, no una prueba diagnóstica. El daltonismo se diagnostica con tests específicos (Ishihara, Farnsworth-Munsell) realizados por un profesional de la salud visual. La simulación modela la percepción en la retina, no la adaptación aprendida por el cerebro.
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) rojo-verde afecta a cerca del 8% de los hombres y al 0,4% de las mujeres de ascendencia europea, según la revisión de encuestas poblacionales de Birch (2012). La prevalencia no es la misma en todo el mundo: en hombres de ascendencia china y japonesa esa misma revisión la sitúa entre el 4% y el 6,5%. 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.
Fuente de las cifras de prevalencia: Birch, J. (2012), «Worldwide prevalence of red-green color deficiency», Journal of the Optical Society of America A 29(3), 313-320. Los porcentajes por tipo de las tarjetas de arriba son desgloses aproximados y pueden no sumar exactamente el total.
| 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. Dos precisiones que conviene conocer: las tres formas anómalas se simulan con severidad 0,6 —una alteración moderada—, porque a severidad 1 serían indistinguibles de la dicromacia correspondiente; y el ajuste del modelo para la tritanopia es el menos fiable de los tres, al ser la deficiencia más rara y con menos datos experimentales.
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 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. Se multiplican contra RGB lineal, no contra los valores de 0 a 255 que guarda la imagen: hay que deshacer antes la curva gamma del sRGB y volver a aplicarla después, porque el modelo está definido sobre luz y no sobre la señal codificada. 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; en esta app se leen del mismo módulo que usa el simulador de baja visión, para que las dos no puedan divergir. Tabla original de los autores (IEEE Transactions on Visualization and Computer Graphics 15(6), 1291-1298). Datos verificados el 20/09/2026.