Verificador de Contraste de Color WCAG
Calcule la relación de contraste entre texto y fondo según las pautas de accesibilidad web WCAG 2.1 (AA / AAA).
Live Typography Contrast Preview
This paragraph displays regular 16px body copy styled directly with your selected foreground and background colors. Check the WCAG badges below to verify whether this color combination meets accessibility requirements for government and enterprise sites.
Cómo Usar Verificador de Contraste de Color WCAG
1. Seleccione o Arrastre su Imagen
Cargue su archivo de imagen directamente en el navegador sin subirlo a la red.
2. Transformación Gráfica en Cliente
HTML5 Canvas y WebAssembly procesan, convierten y optimizan su imagen en RAM.
3. Descargue la Imagen Optimizada
Descargue al instante el resultado optimizado para su proyecto web o diseño.
Cómo Funciona Esta Utilidad
Ensure accessibility compliance for your web applications. Tests color contrast against Web Content Accessibility Guidelines (WCAG 2.1) standards for normal text, large text, and UI components. Includes HEX, RGB, and HSL conversions.
Las imágenes y vectores se manipulan localmente en elementos HTML5 Canvas. Ningún archivo multimedia sale de su equipo.
Preguntas Frecuentes
What is the minimum WCAG contrast ratio for normal text?
WCAG Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). Level AAA requires 7:1 for normal text.
Does this calculate relative luminance accurately?
Yes, it implements the official W3C sRGB relative luminance formula to calculate exact mathematical contrast ratios.