Verificador de Contraste

Comprueba relaciones de contraste WCAG. Texto accesible.

Color de texto (primer plano)

Color de fondo

Sugerencias de cumplimiento

Relación de contraste6.75:1Luminancia: Texto 0.320 | BG 0.005

AA Texto normal (4.5:1) APROBADO

AA Texto grande (3.0:1) APROBADO

AAA Texto normal (7.0:1) FALLÓ

AAA Texto grande (4.5:1) APROBADO

Renderizado de muestra interactiva

Texto normal (14pt / 16px)

Design is not just what it looks like and feels like. Design is how it works.

Texto grande (18pt / 24px negrita)

Design is not just what it looks like and feels like. Design is how it works.

Cómo funciona

Mide la relación de contraste WCAG; la legibilidad real también depende del tamaño, el grosor y el renderizado de la fuente: la herramienta indica los umbrales de texto grande por separado.
Comprueba un único par de primer plano/fondo, no toda una interfaz a la vez.

WCAG AA necesita 4.5:1 para texto normal y 3:1 para texto grande; AAA necesita 7:1 y 4.5:1. La herramienta indica qué niveles cumple tu par.

El texto más grande y grueso es más fácil de leer, así que WCAG permite un umbral de contraste menor. El comprobador indica ambos casos.

No. El cálculo de contraste se ejecuta por completo en tu navegador.