Comprobador de contraste de color
El Comprobador de contraste de color calcula la relación de contraste WCAG 2.1 entre dos colores cualesquiera y muestra si aprueba o no los niveles AA y AAA, con una vista previa en vivo de tu texto sobre tu fondo.
Última actualización: July 2026
Un comprobador de contraste de color calcula la relación de contraste WCAG 2.1 entre un color de texto y un color de fondo. WCAG exige al menos 4,5:1 para texto normal (AA) y 7:1 para AAA; el texto grande necesita 3:1 y 4,5:1. Esta herramienta muestra la relación exacta, los resultados de aprobado/reprobado y una vista previa del texto en vivo al instante.
Cómo usar Comprobador de contraste de color
- Elige o escribe un color de texto y un color de fondo (hex).
- Lee la relación de contraste y los resultados AA/AAA de aprobado/reprobado.
- Ajusta los colores (o intercámbialos) hasta que tu combinación apruebe.
Preguntas frecuentes
¿Qué relación de contraste necesito?
WCAG AA exige 4,5:1 para texto normal y 3:1 para texto grande (18pt+, o 14pt en negrita). AAA lo eleva a 7:1 y 4,5:1 respectivamente.
¿Cómo se calcula la relación?
Con la fórmula de luminancia relativa de WCAG 2.1: se calcula la luminancia de cada color a partir de sus valores sRGB y luego se toma la relación (L1 + 0,05) / (L2 + 0,05).
¿Se envían mis colores a algún sitio?
No: la relación se calcula al instante en tu navegador. Nada se sube.
herramientas para desarrolladores relacionadas
Convertidor de color (HEX / RGB / HSL)
Convierte colores entre HEX, RGB y HSL, con selector de color y vista previa en vivo. Convertidor de color gratis e instantáneo en tu navegador.
Convertidor de RGB a HEX
Convierte colores RGB, HSL y HEX al instante con vista previa visual. Gratis, en tu navegador.
Generador de gradiente CSS
Crea degradados CSS lineales y radiales visualmente y copia el código. Generador de degradados gratis, instantáneo y en tu navegador.
Generador de sombra de caja CSS
Diseña sombras de caja CSS visualmente con deslizadores y copia el código. Generador de sombra de caja gratis, instantáneo y en tu navegador.