Color Blindness Simulator
Visualiza cualquier color como lo perciben personas con deficiencia visual cromática — 6 tipos simulados.
① Ingresa un código HEX o elige un color ② Simula 6 tipos de daltonismo ③ Copia cualquier HEX simulado
Probar un preset:
¿Qué es el Daltonismo y por qué importa en el Diseño?
El daltonismo (deficiencia de la visión del color) afecta aproximadamente al 8% de los hombres y al 0,5% de las mujeres. Los tipos más comunes — deuteranopía y deuteranomalía — implican confusión entre tonos rojos y verdes. El criterio WCAG 2.1 SC 1.4.1 requiere que el color no sea el único medio visual para transmitir información. Este simulador usa el modelo LMS validado científicamente (Viénot 1999)
Preguntas frecuentes
El daltonismo es la incapacidad de distinguir ciertos colores por ausencia o mal funcionamiento de células cónicas retinianas. Afecta a ~8% de hombres y 0,5% de mujeres. La forma más común es la deuteranomalía (sensibilidad reducida al verde), seguida de la protanomalía. La tritanopía (azul-amarillo) es mucho más rara (~0,01%).
El tool usa el modelo LMS (método Viénot 1999). Pipeline: HEX → sRGB [0,1] → RGB lineal (eliminación gamma) → respuestas LMS de conos vía matriz Hunt-Pointer-Estevez → matriz de simulación de déficit → LMS → RGB lineal → sRGB → HEX. Produce resultados perceptivamente precisos.
Deuteranopía: conos M (verde) ausentes — verdes, rojos y naranjas parecen similares. Protanopía: conos L (rojo) ausentes — los rojos aparecen muy oscuros y se confunden con verde/marrón. Tritanopía: conos S (azul) ausentes — azules y verdes se confunden con rojos y rosas. Las formas anómalas implican sensibilidad reducida en lugar de ausente.
Introduce cada color clave de tu UI — botones primarios, indicadores de estado, gráficos, badges. Para cada simulación, verifica si el color aún transmite el significado deseado. Si el color simulado se vuelve indistinguible de otro elemento, añade una segunda señal: icono, patrón, etiqueta o borde.
WCAG 2.1 SC 1.4.1 (Nivel A): el color no debe ser el único medio visual para transmitir información. SC 1.4.3 (Nivel AA): el contraste del texto debe ser al menos 4,5:1 (3:1 para texto grande). Estos requisitos se aplican independientemente del tipo de visión cromática.
Las combinaciones más seguras mantienen alto contraste de luminancia independientemente del tono. Azul-naranja y azul-amarillo funcionan para la mayoría de los déficits. Las combinaciones rojo-verde son las más problemáticas para deuteranopía y protanopía. Añade iconos o patrones junto a la codificación cromática.
Este tool simula un color a la vez — ideal para verificar colores de marca, entradas de paleta y elementos clave. Para probar una página completa, usa extensiones como NoCoffee o Colorblinding, o los filtros de color del sistema operativo (macOS: Ajustes → Accesibilidad → Pantalla → Filtros de color; Windows 11: Configuración → Accesibilidad → Filtros de color).