Selecciona para comprobar el contraste de color
Contraste de color
4.5:1
Conformidad con WCAG
Texto normal
AA
AAA
Texto grande
AA
AAA
Gráficos y interfaz de usuario
AA
¡Vaya! No puedes comprobar el contraste.
El Comprobador de Contraste en Línea funciona con
Todavía no están listos
Ejemplo visual
Texto grande
Texto normal o pequeño, texto por debajo de XY píxeles aquí. Texto normal o pequeño, texto por debajo de XY píxeles aquí.
¿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 |