Comprobador de contraste de color

Comprueba si los colores del texto y del fondo tienen suficiente contraste, según las Pautas de Accesibilidad para el Contenido Web (WCAG).

Lo que escribes se procesa solo en este navegador y no se envía a ningún sitio.

Cargando herramienta…

Cómo funciona

  1. Introduce o elige los colores del texto y del fondo.
  2. Haz clic en «Comprobar contraste».
  3. Revisa el resultado y la vista previa; después, los cambios se reflejan al instante.

Notas y limitaciones

  • AA exige al menos 4,5:1 para texto normal y 3:1 para texto grande (desde 24 px, o 18,66 px en negrita). AAA exige 7:1 y 4,5:1 respectivamente.
  • Los controles y gráficos necesitan al menos 3:1 respecto a su entorno.
  • La relación se redondea hacia abajo para que 4,49 no aparezca por error como 4,5.
  • Los colores transparentes se evalúan sin transparencia.