Comprobador de contraste de color WCAG gratuito: pruebe el texto y los colores de fondo para verificar el cumplimiento de AA y AAA en su navegador. Ingrese valores hexadecimales o rgb, vea la relación de contraste y pasa/falla al instante. Sin iniciar sesión, sin cargar.
Calcula la relación de contraste WCAG 2.x entre un color de primer plano (texto) y un color de fondo utilizando luminancia relativa sRGB. Obtiene una relación numérica (por ejemplo, 4,52:1) más pasa/no pasa para los umbrales WCAG AA y AAA en texto normal y texto grande. Es una ayuda de control de calidad del diseño, no una auditoría de accesibilidad completamente automatizada de todo su sitio.
Hexadecimal (#RGB, #RRGGBB, #RRGGBBAA), rgb() y rgba(). Pegue los valores de la paleta de marca de tokens Figma, variables CSS o documentos de diseño. El hexadecimal corto como #fff se expande a #ffffff antes de calcular la luminancia.
AA es la base legal y de producto común: 4,5:1 para texto normal, 3:1 para texto grande. AAA es más estricto: 7:1 normal, 4,5:1 grande. Muchos sitios de marketing se dirigen a AA para el cuerpo del texto y a AAA solo para titulares destacados o IU de alto riesgo. Esta herramienta muestra ambos para que puedas elegir un objetivo defendible con diseño.
El texto grande tiene al menos 18 puntos (24 CSS px) de peso normal, o al menos 14 puntos en negrita (aproximadamente 18,66 CSS px). Los botones, leyendas y letras pequeñas a menudo fallan AA incluso cuando se pasan los títulos; verifique cada tamaño que envíe, no solo la muestra H1.
No. El análisis y las matemáticas de luminancia se ejecutan completamente en su navegador. Los experimentos de paleta inéditos y los colores NDA del cliente permanecen en su dispositivo. Borre los campos en las máquinas compartidas cuando haya terminado.
Los valores rgba y #RRGGBBAA se analizan, pero el contraste se evalúa en canales sRGB opacos; el verificador no realiza composición alfa de texto sobre fondos fotográficos. Para texto en imágenes, pruebe el color efectivo detrás de la copia o use primero una superposición sólida y luego vuelva a verificar.
Sí. Gratis sin necesidad de iniciar sesión para la relación central y la ruta de aprobación/falla.