Comprobador de contraste WCAG
Introduce el color del texto y del fondo para obtener la relación de contraste WCAG y ver si cumple AA y AAA en texto normal y grande.
- Funciona en tu navegador
- Sin subir archivos
- El resultado se queda en tu dispositivo
Privacidad y límitesSe ejecuta en tu navegador. No se sube nada.
El contenido de las entradas queda en esta pestaña; Refentra no lo sube ni guarda. Los recuentos agregados opcionales de acciones solo se envían con tu consentimiento de medición de uso. Borra el espacio al terminar.
Perfil compatible: WCAG 2.2 sRGB opaco; AA normal/grande: 4,5/3; AAA: 7/4,5. Grande: 18pt o 14pt negrita.
Máximo 200.000 unidades UTF-16; los parsers pueden admitir menos. Worker: 15 segundos (regex 1,5 segundos).
Revisa la entrada y el resultado
- Prepara la entrada y elige la operación
Introduce los colores de primer plano y de fondo opacos; compara por separado los umbrales del texto normal y del texto grande.
- Comprueba un ejemplo concreto
Prueba esta muestra y compara el resultado indicado: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Revisa el resultado antes de reutilizarlo
Lee la relación numérica antes de las etiquetas de aprobado; un valor cercano a 4.5 debe cumplir el umbral sin redondear.
Respuestas sobre esta tarea
¿Cuándo se considera grande un texto?
En WCAG, el texto grande es de al menos 18 pt, o de 14 pt en negrita; AA pide 3:1 en ese caso, frente a 4.5:1 para el texto normal.
¿Qué compruebo si falla la entrada?
Usa una sintaxis de color opaco admitida; calcula la transparencia sobre el fondo real antes de comparar.
¿Hasta dónde llega esta herramienta?
El contraste de dos colores según WCAG 2.2 no es una auditoría completa de accesibilidad; los degradados, las imágenes, la visibilidad del foco y el contexto requieren comprobaciones aparte.