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.
Cores
Escolha uma cor de texto e de fundo. Tudo é processado no seu navegador — nada é enviado.
Resultado
17.40 : 1Relação de contraste
Texto normal
AA: AprovadoAAA: Aprovado
Texto grande (18.66px em negrito ou 24px)
AA: AprovadoAAA: Aprovado
Texto de amostra grande
Um pequeno jabuti xereta viu dez cegonhas felizes.
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.