¿Cuál es la relación de contraste WCAG mínima?

WCAG 2.1 AA requiere una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. AAA requiere al menos 7:1 para texto normal y 4.5:1 para texto grande.

¿Qué se considera texto grande?

El texto grande se define como 18pt (aprox. 24px) o más grande, o 14pt (aprox. 18.67px) en negrita o más grande.

¿Esta herramienta sube mis colores?

No. Todos los cálculos, evaluaciones de luminancia relativa y modificaciones de color se realizan en su navegador usando JavaScript. No se envían datos de color al servidor.

Comprobador de Contraste de Color WCAG

Evalúe la relación de contraste de los colores de texto y fondo según las directrices WCAG 2.1. Genere ajustes de color accesibles al instante.

Color de Texto / Primer Plano HEX/RGB/HSL

Background Color HEX/RGB/HSL

Todo se ejecuta localmente en tu navegador.

Vista Previa de Texto en Vivo

Título Grande (18pt Negrita / 24pt Regular)

Esta es una vista previa del estilo de texto de título grande.

Texto Normal (Menos de 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Relación de Contraste

18.6:1

Estado de Cumplimiento WCAG 2.1

Requisitos WCAG AA

Texto Normal (4.5:1) PASS

Texto Grande (3.0:1) PASS

Requisitos WCAG AAA

Texto Normal (7.0:1) PASS

Texto Grande (4.5:1) PASS

Directrices WCAG 2.1

Verifique fácilmente los estándares de contraste para construir interfaces accesibles que cumplan con la Sección 508, ADA y las directrices WCAG AA o AAA.

Motor de Sugerencias

Ajusta automáticamente los colores de forma incremental a lo largo de las coordenadas HSL para descubrir las alternativas más cercanas que cumplan los criterios de relación de contraste.

Completamente del lado del cliente

Los cálculos se ejecutan localmente dentro del contexto de su navegador. No se transmiten colores, archivos ni coordenadas de telemetría a nuestros servidores.