Webtools
Herramientas de texto Herramientas de código Herramientas numéricas Convertidores Herramientas de tiempo Herramientas de color Generadores aleatorios Herramientas de palabras

Verificador de contraste

Verifica la relación de contraste WCAG AA/AAA para accesibilidad

El rápido zorro marrón

Texto de ejemplo en tamaño normal — verifica la legibilidad aquí.

Acerca del Verificador de Contraste

Esta herramienta calcula la relación de contraste entre dos colores utilizando la fórmula de luminancia relativa WCAG 2.1 e informa si la combinación cumple con los estándares de accesibilidad WCAG AA (4.5:1 para texto normal, 3:1 para texto grande) y AAA (7:1). Los resultados se actualizan en tiempo real mientras ajustas los colores.

Un contraste de color suficiente garantiza que el texto sea legible para personas con visión baja o daltonismo. Es un requisito legal en muchas jurisdicciones y una parte fundamental de WCAG, las Directrices de Accesibilidad para el Contenido Web. Utiliza este verificador al elegir colores de texto y fondo para sitios web, aplicaciones y documentos digitales.

Preguntas frecuentes

¿Cuál es la diferencia entre WCAG AA y AAA?
AA requiere una relación de contraste de 4.5:1 para texto normal y 3:1 para texto grande. AAA es más estricto — 7:1 para texto normal y 4.5:1 para texto grande. AA es el mínimo práctico; AAA es el estándar de oro.
¿Qué se considera "texto grande"?
18pt o superior, o 14pt en negrita (aproximadamente 24px y 19px en CSS). El texto más grande obtiene un umbral de contraste relajado porque es más fácil de leer con bajo contraste.