Mota
ES PT
Contacto
Herramientas Herramienta gratuita

Comprobador de contraste

Elige el color del texto y el del fondo, y te digo si se lee bien según las pautas de accesibilidad WCAG 2.2.

Vista previa

Texto grande de ejemplo

Así se vería un párrafo de texto normal con estos colores. ¿Se lee con comodidad?

Contraste

5,47:1

Bien: cumple el nivel AA para cualquier texto.

  • Texto normal AA mín. 4,5:1 Cumple
  • Texto grande AA mín. 3:1 Cumple
  • Texto normal AAA mín. 7:1 No cumple
  • Texto grande AAA mín. 4,5:1 Cumple
  • Iconos y bordes AA mín. 3:1 Cumple

Qué significan los resultados

  • El contraste mide la diferencia de luz entre el texto y el fondo. Va de 1:1 (el mismo color) a 21:1 (negro sobre blanco).
  • AA es el nivel que piden la mayoría de normas de accesibilidad. AAA es más exigente y conviene en textos largos.
  • Texto grande es el de 24 px o más, o de 18,66 px o más en negrita. Como se lee mejor, necesita menos contraste.
  • Iconos y bordes: los botones, los campos de formulario y los iconos necesitan al menos 3:1 para distinguirse del fondo.

Uso la fórmula de luminancia relativa de las WCAG 2.2. La herramienta no guarda nada: los colores solo van en la dirección de la página, así puedes compartir el resultado copiando el enlace.