Verificador de Contraste de Cores
Verificador de Contraste de Cores calcula a razão de contraste WCAG 2.1 entre duas cores quaisquer e mostra aprovação/reprovação para os níveis AA e AAA, com uma prévia ao vivo do seu texto sobre o fundo escolhido.
Última atualização: July 2026
Um verificador de contraste de cores calcula a razão de contraste WCAG 2.1 entre uma cor de texto e uma cor de fundo. O WCAG exige no mínimo 4.5:1 para texto normal (AA) e 7:1 para AAA; texto grande precisa de 3:1 e 4.5:1. Esta ferramenta mostra a razão exata, o resultado aprovado/reprovado e uma prévia do texto instantaneamente.
Como usar Verificador de Contraste de Cores
- Escolha ou digite uma cor de texto e uma cor de fundo (hex).
- Veja a razão de contraste e os resultados AA/AAA.
- Ajuste as cores (ou troque-as) até a combinação passar.
Perguntas frequentes
Qual razão de contraste eu preciso?
O WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande (18pt+, ou 14pt em negrito). O AAA sobe isso para 7:1 e 4.5:1, respectivamente.
Como a razão é calculada?
Usando a fórmula de luminância relativa do WCAG 2.1: a luminância de cada cor é calculada a partir dos valores sRGB, e então a razão (L1 + 0.05) / (L2 + 0.05) é obtida.
Minhas cores são enviadas para algum lugar?
Não — a razão é calculada instantaneamente no seu navegador. Nada é enviado.
ferramentas para desenvolvedores relacionadas
Conversor de cores (HEX / RGB / HSL)
Converta cores entre HEX, RGB e HSL, com seletor de cor e prévia ao vivo. Conversor de cores grátis e instantâneo, direto no navegador.
Conversor de RGB para HEX
Converta valores de cor RGB, HSL e HEX na hora, com visualização. Grátis, privado, no navegador.
Gerador de Gradiente CSS
Crie gradientes lineares e radiais em CSS visualmente e copie o código. Gerador de gradiente grátis, instantâneo e no navegador.
Gerador de Box Shadow CSS
Crie sombras (box-shadow) em CSS visualmente com controles deslizantes e copie o código. Gerador grátis, instantâneo e no navegador.