Verificador de Contraste de Color

Elige un primer plano y un fondo. Mira la razón de contraste y si cumple con WCAG 2.x AA y AAA. Vista previa en vivo a seis tamaños de texto. En tu navegador, sin subir nada.

Pares rápidos:
21,00:1
Excelente — cumple con todo
AAA texto normal ≥ 7,0 Aprobado
AA texto normal ≥ 4,5 Aprobado
AAA texto grande ≥ 4,5 Aprobado
AA texto grande ≥ 3,0 Aprobado
Componentes UI (1.4.11) ≥ 3,0 Aprobado

12px — letra pequeña, legales, texto fino. El veloz murciélago hindú comía feliz cardillo y kiwi.

14px — texto de cuerpo, etiquetas pequeñas de UI. El veloz murciélago hindú comía feliz cardillo y kiwi.

16px — tamaño de lectura típico. El veloz murciélago hindú comía feliz cardillo y kiwi.

20px — subtítulos, etiquetas más grandes. El veloz murciélago hindú comía feliz cardillo y kiwi.

24px — encabezados de sección. El veloz murciélago hindú comía feliz cardillo y kiwi.

32px — encabezados de página. El veloz murciélago hindú comía feliz cardillo y kiwi.