Verificador de Contraste de Cor
Ferramenta de desenvolvimentoNovoVerifique o contraste de cor segundo WCAG AA e AAA.
Esta ferramenta roda inteiramente no seu navegador. Seus arquivos nunca saem do seu dispositivo — nada é enviado.
Colors
Pick a text and background color. Everything runs in your browser — nothing is uploaded.
Result
17.40 : 1Contrast ratio
Normal text
AA: PassAAA: Pass
Large text (18.66px bold or 24px)
AA: PassAAA: Pass
Large sample text
The quick brown fox jumps over the lazy dog.
Perguntas frequentes
Qual é uma boa razão de contraste WCAG?
A WCAG exige uma razão de contraste de pelo menos 4,5:1 para o texto normal e de 3:1 para o texto grande (cerca de 24px, ou 18,66px em negrito) para cumprir o nível AA. Para atingir o nível AAA, mais rígido, você precisa de 7:1 no texto normal e 4,5:1 no texto grande. Esta ferramenta mostra a razão exata e se ela supera cada nível.
Como a razão de contraste é calculada?
Os canais sRGB de cada cor são linearizados e combinados em um valor de luminância relativa segundo a fórmula do W3C. A razão é então (luminância mais clara + 0,05) dividida por (luminância mais escura + 0,05), o que dá um número entre 1:1 (sem contraste) e 21:1 (preto sobre branco). O resultado é arredondado para duas casas decimais.
Minhas cores são enviadas para algum lugar?
Não. Todo o cálculo roda localmente no seu navegador com JavaScript, então as cores que você informa nunca saem do seu dispositivo nem tocam um servidor. Não há conta, nem rastreio das suas entradas, nem nada é salvo — o que a torna segura para trabalho de marca confidencial ou não publicado.