Diseño

Verificador de contraste

Comprueba las relaciones de contraste de color para cumplir con la accesibilidad WCAG. Funciona en tu dispositivo: no se sube ni se almacena nada.

Colores

Color de primer plano

Color de fondo

Relación de contraste

6.70:1

Cumplimiento de WCAG

Pautas de Accesibilidad para el Contenido Web 2.1

AA texto normalAprobado

≥ 4.5:1

AA texto grandeAprobado

≥ 3:1 (18pt+ o 14pt+ en negrita)

AAA texto normalNo aprobado

≥ 7:1

AAA texto grandeAprobado

≥ 4.5:1

Vista previa

Texto normal (16px) — El veloz murciélago hindú comía feliz cardillo y kiwi

Texto grande (24px en negrita) — La accesibilidad importa

Ejemplo de componente de interfaz

Predefinidos

Relacionadas

Generador de clip-path CSSDiseño Editor de curvas cubic-bezierDiseño Generador de glassmorphismDiseño

Acerca de Verificador de contraste

Comprueba las relaciones de contraste de color para cumplir con la accesibilidad WCAG.

Verificador de contraste es una herramienta gratuita de la categoría Diseño y visual en BrowseryTools. Funciona por completo en tu navegador: lo que le das se procesa en tu propio dispositivo y nunca se sube a un servidor, no hay registro, ni anuncios, ni marcas de agua, y sigue funcionando sin conexión una vez cargada la página.