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.
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).
Colores
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
- 1
Escribe uno o más colores
Pega códigos hex o usa el selector de color.
- 2
Mira las simulaciones
Observa cómo se ve cada color bajo cuatro tipos de deficiencia en la visión del color.
- 3
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 validar todos los tonos de tu sistema a la vez.
Casos de uso comunes
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.
Preguntas frecuentes
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.