¿Qué es el selector de contraste de color?

Utiliza nuestro verificador de contraste de color gratuito en línea para evaluar al instante la relación de contraste entre cualquier color de primer plano y fondo. Diseñado para diseñadores, desarrolladores y creadores de contenido, muestra en tiempo real la conformidad con WCAG AA/AAA para texto normal, texto grande y elementos gráficos/interfaz de usuario. Simplemente elige colores, intercámbialos y obtén retroalimentación inmediata de aprobado/reprobado sobre los umbrales de accesibilidad (como 4.5:1 para texto normal y 3:1 para texto grande). La interfaz intuitiva te ayuda a ajustar paletas para una mejor legibilidad y un diseño web inclusivo — sin necesidad de descargas. Optimiza las elecciones de color de tu sitio para mejorar la usabilidad, cumplir con los estándares de accesibilidad y ofrecer una experiencia más amigable para el usuario.

Conformidad con WCAG

Elemento Qué Requisito AA Requisito AAA
Texto normal

Texto normal AA

debajo de 18pt (24px) o

debajo de 14pt (18.66px) negrita

4.5:1 7:1
Texto grande

Encabezados, etiquetas grandes

por encima de 18pt (24px) o

por encima de 14pt (18.66px) negrita

3:1 4.5:1
Gráficos y interfaz de usuario

Elementos no textuales significativos

Iconos, bordes de formularios, botones

3:1