logoColorTinder

Verificador de Contraste de Color

Comprueba si tus combinaciones de color cumplen las pautas de accesibilidad WCAG. Verificación instantánea AA y AAA.

Primer Plano

Fondo

Encabezado de Ejemplo

El zorro marrón rápido salta sobre el perro perezoso

Relación de Contraste

21.00:1

WCAG AA

Texto NormalAprueba
Texto Grande (18pt+)Aprueba

WCAG AAA

Texto NormalAprueba
Texto Grande (18pt+)Aprueba

Preguntas Frecuentes

¿Qué es la relación de contraste WCAG?

La relación de contraste WCAG mide la diferencia de brillo percibida entre los colores de primer plano y fondo. Una relación mayor significa texto más legible, especialmente para personas con discapacidad visual.

¿Qué relación de contraste necesito para WCAG AA?

WCAG AA requiere una relación mínima de 4,5:1 para texto normal y 3:1 para texto grande (18pt normal o 14pt negrita). WCAG AAA es más estricto: 7:1 para texto normal y 4,5:1 para texto grande.

¿Qué se considera texto grande?

El texto grande es aquel de al menos 18pt (24px) en peso normal, o al menos 14pt (aprox. 18,67px) en negrita.