Verificador de contraste WCAG
Informe a cor do texto e do fundo para obter a razão de contraste WCAG e ver se atende AA e AAA em texto normal e grande.
- Funciona no navegador
- Sem upload
- O resultado fica no seu dispositivo
Privacidade e limitesRoda no seu navegador. Nada é enviado.
O conteúdo das entradas fica nesta aba; a Refentra não o envia nem armazena. As contagens agregadas opcionais de ações só são enviadas com seu consentimento para medição de uso. Limpe o espaço ao terminar.
Perfil compatível: WCAG 2.2 sRGB opaco; AA normal/grande: 4,5/3; AAA: 7/4,5. Grande: 18pt ou 14pt negrito.
Máximo 200.000 unidades UTF-16; parsers podem aceitar menos. Worker: 15 segundos (regex 1,5 segundo).
Trabalhe com a entrada e o resultado
- Prepare e escolha a operação
Informe cores opacas de texto e de fundo; compare separadamente os limites para texto normal e texto grande.
- Confira um exemplo concreto
Use este exemplo e compare com o resultado indicado: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Confira antes de reutilizar a saída
Leia a razão numérica antes dos selos de aprovação; um valor próximo de 4,5 precisa atingir o limite sem arredondamento.
Respostas para esta tarefa
Quando o texto é considerado grande?
Para o WCAG, texto grande tem pelo menos 18pt, ou 14pt em negrito; nesse caso o nível AA exige 3:1, contra 4,5:1 para texto normal.
O que conferir se a entrada for rejeitada?
Use uma sintaxe de cor opaca compatível; resolva a transparência sobre o fundo real antes de comparar.
Onde esta ferramenta termina?
O contraste WCAG 2.2 entre duas cores não é uma auditoria completa de acessibilidade; gradientes, imagens, visibilidade do foco e contexto exigem verificações à parte.