Verificador de Contraste — Calculadora WCAG
Verifica el contraste entre colores de texto y fondo para cumplir con los estándares de accesibilidad WCAG
Ratio de Contraste
Vista Previa del Texto
Encabezado
Texto normal
Texto en negrita
Herramientas Similares
Descubre otras herramientas útiles de color
Guía completa para usar el verificador de contraste
El verificador de contraste le permite verificar si las combinaciones de colores de texto y fondo cumplen con los estándares de accesibilidad WCAG. Esto es importante para garantizar la legibilidad del contenido para todos los usuarios, incluidos aquellos con discapacidades visuales.
Paso 1: Ingrese el color del texto
Ingrese el color del texto en cualquier formato: HEX (#000000), RGB (rgb(0,0,0)) o HSL (hsl(0,0%,0%)). La herramienta reconocerá automáticamente el formato y lo convertirá.
Paso 2: Ingrese el color de fondo
Ingrese el color de fondo en el mismo formato. La herramienta calculará automáticamente el ratio de contraste entre los colores.
Paso 3: Verifique los resultados WCAG
La herramienta mostrará el ratio de contraste y el estado de cumplimiento para los niveles AA y AAA, tanto para texto normal como grande.
Cómo usar el verificador de contraste
Cómo verificar el contraste de color
Ingrese el color del texto y el color de fondo en cualquier formato (HEX, RGB, HSL). La herramienta calculará automáticamente el ratio de contraste y mostrará el cumplimiento WCAG.
Cómo alcanzar el nivel WCAG AA
El texto normal requiere un ratio de contraste mínimo de 4.5:1, el texto grande (18pt+) requiere 3:1. Use la herramienta para encontrar colores adecuados.
Cómo alcanzar el nivel WCAG AAA
El texto normal requiere un ratio de contraste mínimo de 7:1, el texto grande requiere 4.5:1. Esto garantiza la máxima accesibilidad.
Preguntas frecuentes sobre el verificador de contraste
¿Qué es el ratio de contraste?
El ratio de contraste es un valor numérico que muestra la diferencia en el brillo entre el color del texto y el color de fondo. Se calcula usando la fórmula WCAG basada en la luminancia relativa de los colores.
¿Qué formatos de color se admiten?
La herramienta admite formatos HEX (#ffffff), RGB (rgb(255,255,255)) y HSL (hsl(0,0%,100%)). Reconoce y convierte automáticamente cualquier formato.
¿Qué significan los niveles AA y AAA?
AA y AAA son niveles de cumplimiento WCAG. AA es el nivel mínimo de accesibilidad, AAA es un nivel mejorado con requisitos de contraste más estrictos.