Tada File , Todas las herramientas

Comprobador de contraste de color

Comprueba si los colores del texto y del fondo son lo bastante legibles para WCAG AA y AAA, y obtén el color más cercano que cumple.

Texto de título grande

Texto normal, del tamaño que la mayoría lee en pantalla. Necesita más contraste que el texto grande para leerse con facilidad.

Botón

Relación de contraste

4,54:1

  • Texto normal · AA 4.5:1Cumple
  • Texto normal · AAA 7:1No cumple
  • Texto grande · AA 3:1Cumple
  • Texto grande · AAA 4.5:1Cumple
  • Iconos y bordes · AA 3:1Cumple

Color de texto más cercano que cumple:

Medido con la fórmula de WCAG 2.2. El texto grande es de 24 px o más, o de 18,5 px o más en negrita. El texto semitransparente se mide tal como se ve sobre el fondo.

El comprobador de contraste de color mide la relación de contraste entre el color de un texto y su fondo con la fórmula de WCAG 2.2, y muestra si cumple AA y AAA para texto normal, texto grande e iconos y bordes. Una vista previa en directo muestra texto real sobre el fondo. Cuando una pareja no cumple, la herramienta te sugiere el color de texto más cercano que sí cumple, con el mismo tono, para que cambies tu diseño lo menos posible.

Cómo usar Comprobador de contraste de color

  1. 1

    Elige dos colores

    Introduce el color del texto y el del fondo, o elígelos.

  2. 2

    Lee el resultado

    Mira la relación y si cumple AA y AAA.

  3. 3

    Corrígelo si hace falta

    Usa el color sugerido que cumple.

Qué hace

Niveles de WCAG 2.2
AA y AAA para texto normal y grande, además de iconos y bordes.
Vista previa en directo
Mira títulos, texto y un botón sobre el fondo.
La corrección más cercana
El color más cercano que cumple, con el mismo tono.

Preguntas

¿Qué relación de contraste necesito?

WCAG AA pide 4,5:1 para texto normal y 3:1 para texto grande, iconos y bordes. AAA pide 7:1 para texto normal y 4,5:1 para texto grande.

¿Qué se considera texto grande?

24 px o más, o texto en negrita desde unos 18,5 px (14 pt).

¿Funciona con colores semitransparentes?

Sí. Un color de texto transparente se mide tal como se ve sobre el fondo.

¿Necesita conexión a internet?

Solo para abrir la página. Todo se calcula en tu dispositivo y nada de lo que escribes se envía a ningún sitio.