Comprobador de contraste de color WCAG

Diseño y Gráficos

Verifique las combinaciones de texto y color de fondo según los estándares de contraste de accesibilidad WCAG 2.1 AA y AAA.

Selectores de pares de color

Relación de contraste WCAG
3.68 : 1
Texto normal del cuerpo (<18pt)
WCAG AA (4.5:1) FAIL
WCAG AAA (7.0:1) FAIL
Texto grande / Encabezados (18pt+)
WCAG AA (3.0:1) PASS
WCAG AAA (4.5:1) FAIL
Controles de interfaz y gráficos
WCAG AA (3.0:1) PASS
Iconos, bordes y campos de formulario

Simulación visual en vivo

El rápido zorro marrón salta sobre el perro perezoso

Un buen contraste facilita la lectura para todos los usuarios, incluidos aquellos con discapacidad visual o daltonismo. Prueba tu paleta antes de lanzar a producción.

Patrocinio de Proyecto Independiente

¿Te gusta ToolsApp? Invítanos a un café

ToolsApp funciona 100% en el navegador sin suscripciones ni recopilación de datos. Creemos que las herramientas esenciales deben ser gratuitas y accesibles para todos. ¡Tu apoyo nos ayuda a seguir creando nuevas herramientas!

100% En el NavegadorGratis para Todos

¿Cómo se Usa?

1

Seleccionar par de colores

Elija el texto de primer plano y los colores de fondo mediante el selector o HEX.

2

Inspeccionar la relación WCAG

Revise las insignias de aprobación/rechazo para texto normal, texto grande y controles de interfaz de usuario.

3

Simular en vivo

Pruebe la legibilidad visual directamente dentro de la tarjeta de vista previa interactiva.

Privacidad TotalTodos los cálculos y el procesamiento de archivos se ejecutan 100% localmente en su navegador mediante JavaScript del lado del cliente.

Reseñas y Opiniones de Usuarios

Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.

5.0
0 reseñas
5 / 5
0/500
Protegido por el motor de moderación automática de Groq AI

Reseñas Aprobadas (0)

Cargando reseñas...