Verificador de Contraste WCAG
Guía
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)
Instalar extensiones
Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
恵 ¡El marcador ha llegado!
Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!
Herramientas clave
Ver todo Los recién llegados
Ver todoActualizar: Nuestro última herramienta se agregó el 28 de febrero de 2026
