Simulador de visión del color
Mira cómo se ve cualquier color bajo distintos tipos de deficiencia en la visión del color. Parte de Paletta.
Respuesta rápida: Cerca del 8% de los hombres y el 0.5% de las mujeres tienen alguna forma de deficiencia en la visión del color (DVC). Los tipos más comunes involucran sensibilidad reducida al rojo (protanopia) o al verde (deuteranopia).
Original | Protanopia Sensibilidad reducida al rojo | Deuteranopia Sensibilidad reducida al verde | Tritanopia Sensibilidad reducida al azul | Acromatopsia Sin percepción del color |
|---|---|---|---|---|
#3B82F6 | #6262E1 | #5E58DC | #41CECA | #858585 |
Cómo funciona
Escribe uno o más colores
Pega códigos hex o usa el selector de color.
Mira las simulaciones
Observa cómo se ve cada color bajo cuatro tipos de deficiencia en la visión del color.
Revisa si hay conflictos
Colores que se ven distintos para ti pueden verse idénticos para otras personas.
¿Qué es la simulación de visión del color?
Cerca del 8% de los hombres y el 0.5% de las mujeres tienen alguna forma de deficiencia en la visión del color (DVC). Los tipos más comunes involucran sensibilidad reducida al rojo (protanopia) o al verde (deuteranopia). Con menos frecuencia aparecen la deficiencia azul (tritanopia) y la ausencia total de percepción del color (acromatopsia).
Un simulador de visión del color aplica transformaciones matemáticas para mostrar cómo se ven los colores bajo cada condición. Esto revela combinaciones problemáticas, como indicadores rojos y verdes que se vuelven indistinguibles para cerca del 2% de los usuarios.
Probar la DVC es parte central del diseño accesible. El criterio WCAG 1.4.1 exige que el color nunca sea el único medio para transmitir información. La Ley Europea de Accesibilidad, exigible desde junio de 2025, convierte el cumplimiento de accesibilidad en un requisito legal para productos digitales que se venden en la UE.
Verifica los pares simulados con el verificador de contraste WCAG, toma colores fuente reales con extrae una paleta de una imagen, o hazte Pro en Paletta para los cinco modos del lente de accesibilidad.
Casos de uso comunes
Revisa una paleta de marca antes de publicarla
Previsualiza cómo se ve una paleta de marca de 5 colores bajo deuteranopia y protanopia antes de publicar la guía.
Valida la legibilidad de un gráfico
Confirma que los colores de una serie sigan siendo distinguibles en visión rojo-verde y azul-amarillo.
Revisa un sistema de estados
Asegúrate de que éxito, advertencia y error se mantengan separables para usuarios con diferencias en la visión del color.
Justifica la accesibilidad internamente
Muestra a los interesados el impacto real de una decisión de paleta, no solo un número de contraste. Conecta el resultado con una vista de sistema con el generador de escalas de tonos.
FAQ
Preguntas frecuentes
La herramienta simula las tres dicromacias más comunes: deuteranopia (deficiencia de verde, la más frecuente), protanopia (deficiencia de rojo) y tritanopia (deficiencia azul-amarillo). Juntas cubren cerca del 8 por ciento de los hombres y el 0.5 por ciento de las mujeres.
La simulación usa el modelo Brettel-Viénot, la referencia académica que usan Chrome DevTools y la mayoría de las herramientas de accesibilidad. Es lo bastante precisa para revisión de diseño, pero aproxima un caso promedio. La percepción real varía entre personas.
Pasa cualquier paleta por cada simulación y revisa si los colores de estado siguen siendo distinguibles. Si éxito y advertencia colapsan en el mismo tono bajo deuteranopia, agrega una señal que no dependa del color, como un ícono o una etiqueta. Combina el color con forma o texto siempre que el mensaje sea crítico.
La simulación es una señal, no una garantía. La tricromacia anómala (pérdida parcial) es más común que la dicromacia completa y produce efectos más sutiles que el simulador no capta. Trata la herramienta como un punto de partida y valida con usuarios reales cuando el color transmita significado.
Simular colores individuales es un comienzo.
La lente de accesibilidad de Paletta valida todo tu sistema de color contra todos los tipos de DVC a la vez.