Verificador de Contraste WCAG

Verificador de Contraste WCAG

Compruebe las relaciones de contraste de color para el cumplimiento de la accesibilidad web. Verifique que sus combinaciones de colores de texto y fondo cumplan con los estándares WCAG AA y AAA para garantizar que su contenido sea legible para todos los usuarios, incluidos aquellos con discapacidades visuales.

Cómo utilizar

Introduzca un color de primer plano (texto) y un color de fondo utilizando los selectores de color o escribiendo valores HEX/RGB. La herramienta calcula instantáneamente la relación de contraste y muestra si su combinación cumple con los estándares WCAG AA y AAA tanto para texto normal como grande. Utilice el botón de intercambio para invertir rápidamente los colores.

Características

• Vista previa en vivo – Vea cómo se ve su texto sobre el fondo en tiempo real
• Cumplimiento WCAG AA y AAA – Insignias de aprobado/fallido para texto normal y grande en ambos niveles
• Visualización de la relación de contraste – Cálculo preciso de la relación (por ejemplo, 4.5:1)
• Múltiples formatos de entrada – Introduzca colores como HEX, RGB, o utilice el selector de color
• Intercambiar colores – Invierta rápidamente el primer plano y el fondo con un solo clic
• Sugerencias de mejora – Obtenga recomendaciones cuando sus colores no cumplan con los requisitos
• Tamaños de texto de ejemplo – Vista previa en tamaños normal (16px) y grande (18px negrita / 24px)