Verificador de Contraste de Color
Verifica la relación de contraste WCAG entre los colores de texto y fondo.
Vista previa de texto grande
Así se ve la vista previa de texto normal.
Acerca del Verificador de Contraste de Color
Verifica si la combinación de colores de texto y fondo cumple con los requisitos de contraste de accesibilidad WCAG 2.1. AA es el estándar mínimo recomendado; AAA es el estándar mejorado para una mejor legibilidad.
What Is This Tool?
Verifica si una combinación de color de primer plano (texto) y de fondo cumple con los estándares de contraste de accesibilidad WCAG 2.1. Obtén al instante la relación de contraste y los resultados de aprobado/fallido para los niveles de cumplimiento AA y AAA.
How to Use
- Elige o escribe un valor hexadecimal para el color de primer plano (texto).
- Elige o escribe un valor hexadecimal para el color de fondo.
- Revisa la vista previa en vivo y los resultados de aprobado/fallido para cada nivel WCAG.
Common Use Cases
- Verificar que las combinaciones de color de texto y fondo cumplan las pautas de accesibilidad antes de publicar un diseño
- Elegir combinaciones de colores legibles para botones, enlaces y texto de cuerpo
- Auditar un sitio web o aplicación existente en cuanto a cumplimiento de accesibilidad
Tips & Tricks
- AA (4.5:1) es el estándar mínimo que la mayoría de los sitios web deberían cumplir para texto normal.
- El texto grande (18pt+, o 14pt+ en negrita) tiene una relación mínima requerida más baja, ya que es más fácil de leer con menor contraste.
Verifica la relación de contraste WCAG entre los colores de texto y fondo. Comprueba el cumplimiento de accesibilidad AA/AAA al instante, gratis y online.
verificador de contraste · contraste wcag · relación de contraste de color · verificador de accesibilidad · herramienta online