lab / contraste
Calculadora de contraste WCAG
estável
Informe uma cor de texto e uma cor de fundo para ver a razão de contraste e se ela atende aos níveis AA e AAA das WCAG.
Cores
Prévia
Um pequeno jabuti xereta viu dez cegonhas felizes.
Texto grande de exemplo
Componente
Resultado
—
| Critério | Mínimo | Resultado |
|---|
Como funciona
Cada cor é convertida de sRGB para luminância relativa: os canais são linearizados e ponderados (0,2126 para vermelho, 0,7152 para verde e 0,0722 para azul). A razão é (L1 + 0,05) ÷ (L2 + 0,05), com L1 sendo a luminância da cor mais clara, e vai de 1:1 a 21:1.
Os mínimos são 4,5:1 para texto normal no nível AA e 7:1 no AAA; para texto grande (a partir de 24 px, ou 18,66 px em negrito), 3:1 e 4,5:1; componentes de interface e gráficos pedem 3:1. O valor exibido é truncado, não arredondado, para nunca aprovar um contraste que está abaixo do mínimo. Cores com transparência não são aceitas.