Comprobador de contraste de colores WCAG

Compara los colores del texto y del fondo. Calcula su relación de contraste y comprueba los umbrales WCAG AA y AAA para texto normal y grande.

Procesado en el navegador: los datos no se suben.

Configura los datos

Configura los datos

Elige colores opacos de texto y fondo. La relación usa luminancia relativa sRGB y compara AA y AAA para texto normal y grande.

Resultado

El resultado aparecerá aquí.

Contamos qué herramientas se utilizan más, sin incluir los valores introducidos ni el contenido de los archivos en las estadísticas. Privacidad

Cómo utilizar la herramienta

  1. Elige colores opacos de texto y fondo.
  2. La relación usa luminancia relativa sRGB y compara AA y AAA para texto normal y grande.

Método y principios

Colores sRGB opacos; texto grande: 18 pt o 14 pt en negrita.

Solo contraste textual WCAG 2.2.

Ejemplo práctico

Datos de entrada
  • Color del texto: #000000
  • Color de fondo: #ffffff
Resultado
21:1 AA texto normal: Cumple AA texto grande: Cumple AAA texto normal: Cumple AAA texto grande: Cumple

Fuentes y más información

GUÍAS PRÁCTICAS

Comprueba el contraste del texto sin falsear el umbral

Dos colores diferentes pueden producir un texto difícil de leer. Mide la pareja real y considera tamaño del texto, composición del fondo y estados de la interfaz.

Sigue los pasos

Favoritos