Verificador de Contraste de Color WCAG
Un verificador de contraste WCAG de alta precision que calcula los ratios de contraste de color y proporciona puntuaciones instantaneas de aprobacion/fallo para el cumplimiento de accesibilidad AA y AAA. Esencial para diseñadores y desarrolladores.
Live Preview
Aa
The quick brown fox jumps over the lazy dog
Small text example (below 18px)
Contrast Ratio
21:1Normal Text (AA)
Minimum 4.5:1
Normal Text (AAA)
Minimum 7:1
Large Text (AA)
Minimum 3:1
Large Text (AAA)
Minimum 4.5:1
Quick Reference
- Normal text: Regular body text below 18px or bold text below 14px
- Large text: 18px and larger, or bold text 14px and larger
- AA (Minimum): Legal requirement for most websites
- AAA (Enhanced): Higher standard for maximum accessibility
¿Por que este metodo?
WCAG 2.1 define los ratios de contraste utilizando la formula de luminancia relativa, que tiene en cuenta como los ojos humanos perciben diferentes colores. Un ratio de 4.5:1 (estandar AA) asegura que el texto sea legible.
Esta herramienta utiliza el algoritmo exacto de WCAG: convirtiendo RGB a valores lineales y calculando la luminancia relativa con la formula L = 0.2126 * R + 0.7152 * G + 0.0722 * B.