ToolRoof

Cor e design

Verificador de contraste de texto

Compare duas cores HEX opacas com os limites de contraste de texto WCAG.

Processado localmente

Verifica apenas o contraste do texto, não toda a acessibilidade. Só cores sólidas opacas; sem transparência, gradientes ou imagens.

Sua resposta aparecerá aqui.

Ajuda e método

WCAG 2.2 usa luminância relativa sRGB: (mais claro + 0.05) / (mais escuro + 0.05). AA exige 4.5:1 para texto normal e 3:1 para grande; AAA, 7:1 e 4.5:1. Texto grande: a partir de 18 pt (24 px CSS), ou 14 pt em negrito (cerca de 18.67 px CSS). A avaliação usa a razão sem arredondamento, não o valor exibido.

WCAG 2.2 · 1.4.3WCAG 2.2 · 1.4.6Métodos e confiabilidade

Exemplo resolvido

Um exemplo para testar ou adaptar aos seus valores.

Cor do texto (HEX)
#000000
Cor de fundo (HEX)
#ffffff

Resultado

Razão de contraste: 21:1; AA · texto normal: Atende; AA · texto grande: Atende; AAA · texto normal: Atende; AAA · texto grande: Atende