Verificar contraste de texto

Calcule o contraste entre duas cores HEX sólidas e compare com critérios WCAG 2.2 AA e AAA.

A preparar ferramenta…

Experimentar um exemplo explicado

Calcule o contraste entre duas cores HEX sólidas e compare com critérios WCAG 2.2 AA e AAA.

Verifique as unidades e opções e utilize o botão de cálculo da ferramenta. O exemplo é fictício; substitua os valores para fazer o seu próprio cálculo.

Texto de exemplo

Cor do texto: #000000
Cor de fundo: #ffffff

Resultado esperado

Índice de contraste: 21,000000:1
WCAG 2.2 AA — texto normal (4.5:1): Aprovado
WCAG 2.2 AA — texto grande (3:1): Aprovado
WCAG 2.2 AAA — texto normal (7:1): Aprovado
WCAG 2.2 AAA — texto grande (4.5:1): Aprovado
A verificação usa o índice completo; o valor apresentado está arredondado.

A ferramenta calcula a razão de contraste entre cor de texto e fundo e indica os patamares WCAG selecionados.

A aguardar a ferramenta. A explicação continua disponível sem JavaScript.

Método e limites

Introduza duas cores opacas em HEX e compare a razão com o critério apropriado ao tamanho do texto.

Esta é apenas uma verificação de contraste de texto. Ela não avalia controlos, imagens, gradientes, estilos de fonte nem toda a acessibilidade da página.

✓ Processamento local✓ Sem registo✓ Entradas tratadas aqui✓ Gratuito

Em resumo

A ferramenta calcula a razão de contraste entre cor de texto e fundo e indica os patamares WCAG selecionados.

O código da página e seus recursos são carregados do site. Os dados introduzidos são processados no navegador, sem uma solicitação de cálculo.

Como usar

Introduza duas cores opacas em HEX e compare a razão com o critério apropriado ao tamanho do texto.

Limites

Esta é apenas uma verificação de contraste de texto. Ela não avalia controlos, imagens, gradientes, estilos de fonte nem toda a acessibilidade da página.

Perguntas frequentes

Passar no contraste garante acessibilidade?

Não. A acessibilidade exige outras verificações além das cores.

Posso usar cores com transparência?

A entrada esperada são cores sólidas e opacas.

Fontes e referências

As fontes documentam a norma ou API citada; elas não validam o resultado da ferramenta.