¿Cómo ven mis colores las personas con daltonismo?
Simulador de daltonismo: ve cómo se ven tus colores / diseños para personas con distintos tipos de daltonismo.
Cuatro tipos: protanopia (sin receptores de rojo, ~1% de hombres), deuteranopia (sin verde, ~1,2% de hombres), tritanopia (sin azul, raro), acromatopsia (daltonismo total, muy raro).
Comprueba un único color o una imagen / captura completa. Algoritmo basado en matrices Brettel/Vienot/Mollon: las mismas que usa Chrome DevTools.
Cómo usarlo
- Elige el modo: "Color" (un único hex) o "Imagen" (foto / captura de página).
- Modo color: escribe un hex / elige / usa el cuentagotas de pantalla / pulsa uno de los 8 colores de ejemplo. A la derecha ves 5 versiones: original + 4 tipos con la población afectada.
- Modo imagen: sube un archivo (PNG, JPG, WebP, AVIF, HEIC), ve cuatro simulaciones junto al original.
- Nota: las matrices simulan las formas "severas". La mayoría de personas daltónicas tienen anomalías ("protanomalía"): ven algo de color, solo más apagado. El simulador muestra el "peor caso".
- Diseñadores: antes de enviar un mockup, revisa siempre deuteranopia (la más común) y protanopia. Si tu color de acento es invisible para deuteránopes, añade un indicador secundario (icono, contraste).
Cuándo es útil
Dónde se nota el simulador de daltonismo - escenarios típicos:
- Diseño web / a11y: antes de entregar un diseño, comprueba si enlaces rojos/verdes, estados de error/éxito o gráficos de color se distinguen para deuteránopes (~1,2% de usuarios, 8% de hombres).
- Gráficos: las barras rojas y verdes se ven idénticas para un deuteránope. Añade patrones (rayas, puntos) o etiquetas.
- UI de juegos: indicadores de vida/daño en rojo/verde: casi ilegibles para ~5% de jugadores hombres.
- Auditorías de accesibilidad: WCAG 1.4.1 exige: "el color no es el único medio visual de transmitir información". El simulador muestra por qué. Combínalo con el verificador de contraste para cubrir WCAG 1.4.3 (contraste de texto) en la misma pasada.
- Educación: ve por qué las flechas verdes/rojas de GitHub funcionan (forma distinta), pero un tutorial que dice "pulsa el botón verde" falla (solo color). Para elegir un acento más seguro, cambia colores en el conversor de colores.
Preguntas y respuestas
Aproximadamente precisa. Usamos las matrices Brettel et al. 1997 / Machado 2009: las mismas que usan Chrome DevTools, Photoshop y Sim Daltonism (app popular de macOS). Simulación de "forma severa". Las personas daltónicas con anomalía (no ceguera total) ven más de lo que sugiere el simulador. Para "revisión de peor caso" este es el enfoque estándar.