Simulador de daltonismo
Sube cualquier imagen o captura de pantalla y mira cómo se ve para las personas con deficiencia en la visión del color. Admite 8 tipos de simulación. Gratis, privado y se ejecuta por completo en tu navegador.
Suelta la imagen aquí o haz clic para subir
PNG, JPG, WebP, GIF — cualquier tamaño. También puedes pegar desde el portapapeles con ⌘V
Entender el daltonismo
👁️ ¿Qué es el daltonismo?
El daltonismo (deficiencia en la visión del color) afecta a alrededor del 8 % de los hombres y al 0,5 % de las mujeres en todo el mundo. Las personas con daltonismo tienen células cono ausentes o débiles en la retina, lo que dificulta distinguir ciertos colores. Suele ser hereditario y estar presente desde el nacimiento.
🔴🟢 Daltonismo rojo-verde
Con diferencia, la forma más común. La protanopía y la deuteranopía (así como sus variantes más leves, la protanomalía y la deuteranomalía) hacen que los tonos rojos, naranjas y verdes parezcan similares. Solo la deuteranomalía afecta a cerca del 5 % de los hombres, lo que la convierte en la forma individual más común.
🔵 Daltonismo azul-amarillo
La tritanopía y la tritanomalía afectan a la percepción del azul y el amarillo. Mucho más raras que la deficiencia rojo-verde, hacen que los tonos azules parezcan más verdes y los amarillos parezcan violetas o gris claro. A diferencia de otras formas, afectan a hombres y mujeres por igual.
⚫ Daltonismo completo
La acromatopsia — ver solo en tonos de gris — es extremadamente rara (cerca de 1 de cada 33.000 personas). La acromatomalía, la forma parcial, provoca una percepción del color muy apagada. Ambas condiciones suelen ir acompañadas de sensibilidad a la luz y agudeza visual reducida.
Por qué los diseñadores deberían probar el daltonismo
Si 1 de cada 12 usuarios masculinos podría tener dificultades para distinguir tus mensajes de error rojos de tus indicadores de éxito verdes, tienes un problema de usabilidad. Un simulador de daltonismo te ayuda a detectar estos problemas antes de que lleguen a los usuarios.
La solución suele ser sencilla: combina el color con otras señales visuales. Usa iconos además de los colores de estado, añade etiquetas de texto a los indicadores de color o elige una paleta de colores con suficiente contraste. Pasar tus mockups por este simulador solo tarda segundos y puede ahorrarte horas de correcciones de accesibilidad posteriores.
La pauta 1.4.1 (uso del color) de las WCAG 2.1 exige que el color no sea el único medio visual para transmitir información. Probar con un simulador de daltonismo te ayuda a cumplir este criterio.
Consejos para un diseño accesible al color
Combina el color con iconos o patrones
Usa ✓ y ✗ junto al verde/rojo. Añade rayas o texturas a los segmentos de los gráficos.
Añade etiquetas de texto a los colores de estado
En lugar de solo un punto rojo, muestra „Error“ o „Sin conexión“ al lado.
Elige una paleta de colores segura
El azul + naranja funciona bien con la mayoría de las deficiencias visuales. Evita el rojo + verde en información crítica.
Prueba con imágenes reales
Sube tus capturas de pantalla, mockups o gráficos reales. Los recuadros de color abstractos pueden pasar por alto problemas dependientes del contexto.
Preguntas frecuentes
¿Qué es el daltonismo?+
¿Cuáles son los principales tipos de daltonismo?+
¿Cómo funciona un simulador de daltonismo?+
¿Por qué deberían los diseñadores probar el daltonismo?+
¿Esta herramienta es gratuita y privada?+
Más información
Haz que cada captura parezca profesional.
ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.
Descubre ScreenSnap Pro