Comprobador de contraste de color
Comprueba las relaciones de contraste de color WCAG 2.1 AA/AAA para un diseño web accesible
rgb(30, 41, 59)
rgb(248, 250, 252)
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
Color Contrast Checker — WCAG AA/AAA
Check whether your text and background color combination meets WCAG 2.1 accessibility standards. Shows contrast ratio and pass/fail for AA (4.5:1) and AAA (7:1) levels.
FAQ
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are international standards for making web content accessible to people with disabilities, including color vision deficiencies.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 for normal and 4.5:1 for large.
Why does color contrast matter?
Low-contrast text is hard to read for people with low vision, color blindness, or in bright sunlight. It also affects your legal compliance in many jurisdictions.
Sigue explorando
Otras herramientas de Desarrollo que te pueden gustar…
Formateador JSON
Formatea, valida y minifica JSON con resaltado de sintaxis y detección de errores
Codificador/Decodificador Base64
Codifica texto o archivos a Base64 y decodifica cadenas Base64 a texto legible
Codificador/Decodificador de URL
Codifica y decodifica componentes URL y parámetros de query string
Generador de UUID
Genera UUIDs aleatorios (v1, v4) o genera múltiples UUIDs en lote
Generador de Hash
Genera hashes MD5, SHA-1, SHA-256, SHA-512 desde texto o archivos
Tester de Regex
Prueba expresiones regulares con resaltado de coincidencias en tiempo real
Decodificador JWT
Decodifica e inspecciona JSON Web Tokens — ve header, payload y verifica firmas
Formateador HTML
Formatea y embellece código HTML con indentación correcta y resaltado de sintaxis