Cómo usar: Simulador de daltonismo
- Arrastra una imagen, haz clic para elegirla o pega una captura con Ctrl+V.
- Compara el original con las versiones simuladas de cada tipo de deficiencia en la visión del color.
- Busca la información que desaparece: colores de estado rojo/verde, series de gráficos, estados de error.
- Cambia a Paleta para probar colores de marca o de gráficos y recibir avisos de los pares que se vuelven indistinguibles.
¿Qué es el daltonismo?
La deficiencia en la visión del color (CVD) afecta a aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres de ascendencia del norte de Europa. La mayoría de las personas con CVD sí ven colores, solo que en un rango más reducido. Los tipos más comunes son:
| Tipo | Conos afectados | Efecto |
|---|---|---|
| Deuteranomalía / deuteranopia | Verde (M) | Cuesta distinguir el rojo del verde; es la forma más común |
| Protanomalía / protanopia | Rojo (L) | Los rojos se ven más oscuros y se confunden con verdes y marrones |
| Tritanomalía / tritanopia | Azul (S) | Confusiones azul/verde y amarillo/rosa; es rara |
| Acromatopsia | Todos | Ausencia de percepción del color; muy rara, pero es una prueba útil en escala de grises |
«-anopia» significa que falta el tipo de cono; «-anomalía» significa que está desplazado, una forma más leve.
Cómo funciona la simulación
Cada píxel se convierte a RGB lineal y se multiplica por las matrices de visión del color de Machado, Oliveira y Fernandes (2009), un modelo fisiológico muy utilizado: severidad total para los tipos «-anopia» y 60 % para los tipos «-anomalía». La acromatopsia usa la luminancia relativa. Todo se ejecuta en un canvas en tu navegador; las imágenes grandes se escalan a 900 px de ancho para mayor velocidad.
Diseñar para personas daltónicas
- No dependas solo del color (WCAG 1.4.1): añade iconos, etiquetas, patrones o texto a los mensajes de estado, errores de formulario y series de gráficos.
- Varía la luminosidad, no solo el tono: un verde oscuro y un rojo claro se distinguen casi para todo el mundo. El conversor OKLCH facilita controlar la luminosidad.
- Usa paletas de gráficos aptas para daltonismo, como azul/naranja en lugar de rojo/verde.
- Mantén un contraste de texto alto: comprueba los pares con el Comprobador de contraste.
Las simulaciones aproximan una experiencia media; la percepción individual varía, así que probar con usuarios reales sigue siendo muy valioso.
También se busca como: test daltonismo, simulador daltonismo, test de daltonismo, protanopia, deuteranopia, simulador cvd, accesibilidad colores, prueba ceguera al color.
Herramientas que combinan con: Simulador de daltonismo
- Verificador de contraste APCA — Calcula el contraste de luminosidad APCA (Lc) entre el texto y el fondo, consulta para qué usos es adecuado y compáralo con la proporción clásica de WCAG 2.
- Conversor de colores — Pega cualquier color CSS —HEX, rgb(), hsl(), hwb(), oklch() o un nombre como tomato— y obtén al instante todos los demás formatos, además de una paleta 50–950 lista para usar.
- Generador de colores de Tailwind — Pega un color de marca y obtén una escala de tonos equilibrada de 11 pasos (del 50 al 950) integrada en OKLCH, con sugerencias de contraste y opciones de exportación para Tailwind v3, v4, CSS y SCSS.
- Compresor de imágenes — Reduce el tamaño de las fotos y los gráficos entre un 50 % y un 90 % sin que se note ninguna pérdida de calidad.