Verifica las relaciones de contraste de color contra las directrices WCAG 2.1 al instante. Asegúrate de que tu texto sea legible y tu diseño sea accesible para todos. Gratuito y fácil de usar.
Haz que tu contenido sea usable para 1 de cada 12 hombres y 1 de cada 200 mujeres con deficiencia de visión de color, así como para aquellos con baja visión.
Un buen contraste mejora la legibilidad para todos, especialmente en pantallas con poco brillo o bajo la luz solar intensa.
Requiere 4.5:1 para texto normal, 3:1 para texto grande. El objetivo estándar para la mayoría de los sitios web.
Requiere 7:1 para texto normal, 4.5:1 para texto grande. Accesibilidad mejorada para usuarios con pérdida de visión significativa.
Este verificador de contraste se ejecuta completamente en tu navegador. Ningún dato, color o información se envía a nuestros servidores.
Verificador de Contraste funciona mejor dentro de un flujo repetible: prepara el material, aplica el cambio y revisa el resultado antes de compartirlo.
Usa Verificador de Contraste para esta tarea: Verifica las relaciones de contraste de color contra las directrices WCAG 2.1 al instante. Asegúrate de que tu texto sea legible y tu diseño sea accesible para todos. Gratuito y fácil de usar. Asi mantienes el trabajo en el navegador sin abrir una aplicacion mas pesada.
Previsualiza la salida, comparala con el original y ajusta la configuracion antes de publicarla o compartirla.
Para tareas cercanas, sigue dentro de la categoria Herramientas de Color.
Enlaces de flujo relacionados
Aprende los fundamentos de la accesibilidad web y el contraste de color. Comprende las calificaciones de WCAG (AA vs. AAA) y utiliza nuestras comprobaciones rápidas y soluciones prácticas para hacer que tu IU sea legible para todos.
Tu logo es una mina de oro de información de color. Aprende a extraer los colores clave de tu logo y expandirlos en una paleta de marca completa y versátil para tu sitio web, redes sociales y materiales de marketing.
El contraste de color es la diferencia de brillo entre un color de primer plano y su fondo. Un alto contraste asegura que las personas con discapacidades visuales puedan percibir tu contenido eficazmente.
No, las directrices de WCAG proporcionan excepciones para el texto que es parte de un logo o nombre de marca, así como para el texto que es puramente decorativo o parte de un componente de interfaz de usuario inactivo.
Aumenta la diferencia de luminancia. Haz el color claro más claro o el color oscuro más oscuro. Usa nuestra vista previa en vivo para experimentar.