Comprobador de contraste de color WCAG
Mide la relación de contraste WCAG entre texto y fondo, y te sugiere colores que sí aprueban
Elige dos colores y la herramienta calcula al instante la relación de contraste entre ellos, indicando si cumplen los niveles AA y AAA de las WCAG 2.1. Es una ayuda directa para diseñadores web y desarrolladores que necesitan verificar la legibilidad del texto: si la combinación no llega al mínimo exigido, se propone automáticamente un color alternativo con la luminosidad ajustada que puedes aplicar con un clic. Todos los cálculos se hacen en tu navegador, así que los colores que introduces nunca se envían a ningún servidor.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Introduce el color del texto (primer plano) con el selector de color o escribiendo su código hexadecimal.
- Introduce el color de fondo de la misma manera.
- Revisa la vista previa, la relación de contraste y si supera los niveles AA y AAA.
- Si no llega al mínimo, pulsa el botón «Aplicar» del color sugerido para usarlo al momento.
Preguntas frecuentes
- ¿Qué diferencia hay entre el nivel AA y el AAA?
- El nivel AA exige al menos 4,5:1 en texto normal y 3:1 en texto grande. El AAA es más exigente: pide un mínimo de 7:1 en texto normal y 4,5:1 en texto grande.
- ¿Cómo se calculan los colores sugeridos?
- Se mantienen el tono (Hue) y la saturación (Saturation) del color original y solo se ajusta la luminosidad (Lightness) dentro del rango de 0 a 100 %, buscando el color más parecido al original que alcance la relación de contraste objetivo.
- ¿Se guardan en algún servidor los colores que introduzco?
- No. Todo el cálculo ocurre dentro de tu navegador y ningún valor de color sale de tu equipo.