AbraCalc

Verificador de Contraste de Cores

Verifique a taxa de contraste WCAG entre duas cores hex e veja se o par passa nos padrões de acessibilidade AA e AAA.

Por · Revisado por AbraCalc Methodology Review · 2 fontes

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Verificador de Contraste de Cores [Online calculator]. Retrieved from https://abracalc.com/pt/verificador-de-contraste-de-cores/

BibTeX

@misc{abracalc-verificador-de-contraste-de-cores, author = {AbraCalc}, title = {Verificador de Contraste de Cores}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/verificador-de-contraste-de-cores/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Informe a cor de primeiro plano (texto) e a cor de fundo como códigos hex.
  2. A ferramenta calcula a luminância relativa WCAG de cada cor.
  3. Leia a taxa de contraste e os resultados de Aprovado/Reprovado para os limites AA e AAA.

Verifique se duas cores atendem aos requisitos de contraste WCAG 2.1. A taxa mínima é 4.5:1 para texto normal (AA) e 7:1 para o padrão mais alto AAA.

Fórmula

For each hex color, compute relative luminance L using the WCAG formula:
L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.

Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)

WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.

Perguntas frequentes

O que é a taxa de contraste WCAG?
WCAG (Web Content Accessibility Guidelines) define uma fórmula de taxa de contraste. Ela varia de 1:1 (sem contraste) a 21:1 (preto sobre branco). Texto normal do corpo exige pelo menos 4.5:1 para conformidade AA.
O que conta como texto grande?
Texto grande é 18pt (24px) ou maior, ou 14pt em negrito (aproximadamente 19px em negrito). Texto grande só precisa de uma taxa de 3:1 para AA.

Referências e fontes