Herramienta

Comprobador de contraste WCAG

Verifica si la combinación de color de texto y fondo supera los umbrales de accesibilidad WCAG 2.1. Sin enviar nada a ningún servidor.

Herramienta · paigar.eu

Contraste de color WCAG

Elige el color del texto y el del fondo para comprobar si superan los umbrales de accesibilidad WCAG 2.1.

Aa — Texto de muestra

Texto a tamaño normal · Comprobador de contraste WCAG · paigar.eu

Relación de contraste
Nivel AA
Texto normal ≥ 4,5:1
Texto grande ≥ 3:1
Nivel AAA
Texto normal ≥ 7:1
Texto grande ≥ 4,5:1
Prueba con estos ejemplos
21:1 · AAANegro / blanco
~15:1 · AAATinta / papel
~7:1 · AAGris oscuro
~5,3:1 · AABlanco / rojo
~2,9:1 · fallaNaranja / blanco