Herramienta gratuita
Calcula el ratio de contraste entre primer plano y fondo con la fórmula de luminancia WCAG 2.x. Muestra si cumple AA/AAA en texto normal y en texto grande.
Preview
El veloz muñeco feo hacía enormes kickflips desde patinetas oxidadas
Body sample copy at normal size — review legibility for the smallest text in your interface.
Smaller helper text checks captions and subtle labels.
Relación contraste
17.85:1
Normal text
≥ 4.5:1 AA · ≥ 7:1 AAA
Large text
≥ 3:1 AA · ≥ 4.5:1 AAA
¿Te hacen falta facturas? Crear gratis con Invoicey.
Flujo
Tres pasos rápidos desde la entrada hasta un resultado que puedes usar en tu flujo.
Paso 1
Elija o pegue colores de texto (primer plano) y de fondo.
Paso 2
Use el selector visual o edite el hex manualmente.
Paso 3
Consulte el ratio y el estado AA/AAA al instante.
Por qué lo usan los equipos
Overview
Comprobador de contraste WCAG is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.
Teams often need fast one-off tools without onboarding overhead. Comprobador de contraste WCAG helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.
For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.
Respuestas
Es el contraste relativo de luminancia entre dos colores (hasta ~21:1). Para AA suele exigirse 4,5:1 en texto normal y 3:1 en texto grande.
Orientativamente 24px normal o ~18,5–19px en negrita. Titulares y CTAs visibles suelen tratarse como grandes.
Los colores muy saturados contra blanco suelen quedar por debajo de AA. Oscurezca el texto, aclare el fondo o reserve el color vivo para acentos.
No. El cálculo es local en tu navegador; no subimos datos a servidores Invoicey.
Sirve para comprobar combinaciones seguras antes del deploy; recuerde probar también estados hover/deshabilitado donde el color cambie.
Descubre más
Otro utilitario gratuito con la misma calidad, sin muro de registro.
