Verificador de Contraste de Cor WCAG
A ferramenta calcula índices de contraste de cor e fornece resultados instantâneos para conformidade de acessibilidade AA e AAA.
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 método?
O WCAG 2.1 define taxas de contraste usando a fórmula de luminância relativa. Uma taxa de 4.5:1 (padrão AA) garante que o texto seja legível.
Esta ferramenta usa o algoritmo exato do WCAG para calcular a luminância: L = 0.2126 * R + 0.7152 * G + 0.0722 * B.