Saltar al contenido

Comprobador de contraste de color

Calcula la relación de contraste WCAG entre el color del texto y el fondo y comprueba los niveles AA y AAA.

DisponibleEn tu navegadorEntrada: Texto

Cómo usar: Comprobador de contraste de color

  1. Introduce el color del texto y el del fondo (HEX, rgb() o hsl()) o elígelos.
  2. Lee la relación de contraste.
  3. Comprueba si cumple AA y AAA para texto normal, texto grande y componentes.

Qué admite y qué obtienes

Entrada
Dos colores; el fondo debe ser opaco.
Resultado
Relación de contraste y resultado AA/AAA con vista previa.
Dónde se procesan tus datos
Los datos se procesan en tu navegador y no se envían a nuestros servidores.

Limitaciones y avisos

  • Usa la fórmula de WCAG 2.x; la relación se trunca a dos decimales y nunca se redondea al alza.
  • No tiene en cuenta el grosor real de la fuente ni imágenes de fondo.

Siguientes pasos sugeridos

Herramientas relacionadas