Comprobador de Contraste de Color
Comprueba la relación de contraste WCAG entre el texto y el fondo.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
17.74:1
Contrast ratio
Pass
AA — normal text
Pass
AA — large text
Pass
AAA — normal text
Pass
AAA — large text
Introduce primer plano y fondo como colores HEX de tres o seis dígitos para calcular su contraste de luminancia relativa y previsualizar la combinación. La herramienta aplica 4,5:1 para AA normal, 3:1 para AA grande, 7:1 para AAA normal y 4,5:1 para AAA grande. Solo evalúa los dos colores sRGB opacos: no examina tamaño o peso de fuente, transparencia, degradados, imágenes, estados interactivos ni la interfaz circundante. Usa el resultado como una comprobación, no como una auditoría WCAG completa; todo se calcula en el navegador.
Preguntas Frecuentes
- ¿Qué relación de contraste necesito para WCAG AA?
- Al menos 4,5:1 para texto normal, o 3:1 para texto grande (18pt+ o 14pt+ en negrita).
- ¿Y para WCAG AAA?
- AAA es más estricto: 7:1 para texto normal y 4,5:1 para texto grande.
- ¿Por qué importa el contraste de accesibilidad?
- Un contraste suficiente hace que el texto sea legible para usuarios con baja visión o deficiencias de visión del color, y es obligatorio para sitios web conformes con WCAG.