Simulador de Daltonismo
Simula hasta 6 colores en los 8 tipos de daltonismo con métricas Delta E, detección de pares confundibles, análisis de paleta y reporte exportable
Colores a Simular
¿Necesitas probar un diseño completo?
Prueba el Simulador en Imágenes → sube capturas de pantalla y visualiza cómo se ven con daltonismo
Mira cómo se ven tus colores en los 8 tipos de deficiencia de visión de color simultáneamente.
Cómo funciona
El daltonismo (deficiencia de visión del color, CVD) afecta al 8% de los hombres y al 0.5% de las mujeres — más de 350 millones de personas en el mundo. Diseñar con accesibilidad cromática es fundamental para interfaces inclusivas.
Funcionalidades del Simulador
Modo Multi-color
Simula hasta 6 colores simultáneamente. Ideal para verificar paletas completas de diseño.
Vista Todos los Tipos
Grid con los 8 tipos de daltonismo a la vez: protanopia, deuteranopia, tritanopia, acromatopsia y sus formas parciales.
Métricas Delta E (CIE76)
Mide cuánto cambia cada color perceptualmente. De "imperceptible" a "muy diferente" con escala científica.
Detección de Pares Confundibles
Detecta automáticamente qué colores de tu paleta se confunden en cada tipo de daltonismo.
Tipos de Daltonismo
🔴 Protanopia / Protanomalía (Rojo)
Afecta a los conos L (rojo). La protanopia es la ausencia total (~1%), la protanomalía es una reducción parcial (~1%). Los rojos aparecen más oscuros y se confunden con verdes.
🟢 Deuteranopia / Deuteranomalía (Verde)
Afecta a los conos M (verde). La más prevalente: deuteranomalía afecta al ~5% de los hombres. Confusión rojo-verde sin cambio significativo de brillo.
🔵 Tritanopia / Tritanomalía (Azul)
Afecta a los conos S (azul). Muy rara (~0.01%). Confusión azul-amarillo. Los azules se ven verdosos.
⚫ Acromatopsia / Acromatonomalía
Deficiencia total o parcial de todos los conos. La acromatopsia (~0.003%) produce visión solo en escala de grises.
💡 Casos de Uso Prácticos
Caso 1: Dashboard con gráficas
Tu gráfico usa rojo #EF4444 y verde #22C55E para éxito/error.
→ Añade los 2 colores al simulador → pestaña "Análisis Paleta"
→ Si aparece alerta de par confundible, cambia a azul/naranja
Caso 2: Sistema de diseño completo
Añade los 5-6 colores principales de tu sistema de diseño al simulador.
→ La "Matriz de Simulación" muestra cómo se ven todos en cada tipo
→ Exporta el reporte para documentar la accesibilidad de tu paleta
Caso 3: Validación de formularios
Verifica que tus estados (error, éxito, advertencia, info) se distinguen para todos.
→ Usa la pestaña "Detalle" para comparar original vs simulado
→ Si ΔE < 10 entre dos estados, añade iconos o patrones
Caso 4: Mapas de calor y visualización de datos
Evita gradientes rojo-verde. Usa azul-blanco-naranja o violeta-blanco-naranja.
→ Simula los extremos de tu gradiente en "Todos los Tipos"
→ Busca que ΔE sea < 15 (cambio moderado) en todos los tipos