Contraste WCAG
Comprueba si tu combinación de colores cumple WCAG 2.1 (AA/AAA) para texto accesible. Verificación instantánea, gratis.
Resultado
¿Cómo usar esta herramienta?
Comprueba si la combinación de colores cumple WCAG 2.1 (AA/AAA) para texto.
Escribe tus datos, pulsa Verificar contraste y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo verifico el contraste?
Elige el color del texto y el del fondo (e indica si es texto grande); pulsa Verificar para saber si cumple WCAG 2.1 AA o AAA.
¿Qué exigen los niveles AA y AAA?
El nivel AA exige un ratio de 4.5:1 en texto normal (3:1 en texto grande); el AAA es más estricto: 7:1.
¿Por qué importa el contraste?
Un contraste insuficiente dificulta la lectura a personas con baja visión y puede hacerte incumplir normativas de accesibilidad.
¿Necesito registrarme para usarla?
No. Funciona al instante en tu navegador, sin cuentas ni contraseñas.
Herramientas relacionadas de Color y diseño
Degradado CSS
Crea degradados lineales o radiales y copia el código CSS listo para usar.
Usar gratisRueda de color
Visualiza las relaciones de color en la rueda cromática y explora armonías desde cualquier tono.
Usar gratisHSL a RGB
Convierte colores HSL a RGB y HEX al instante.
Usar gratisRGB a CMYK
Convierte RGB a CMYK para preparar tus diseños para impresión.
Usar gratisSimulador de daltonismo
Mira cómo percibe tus colores una persona con protanopia, deuteranopia o tritanopia.
Usar gratisSombra CSS
Crea box-shadow personalizadas con vista previa en vivo y copia el código CSS.
Usar gratis