Verificar contraste de cores
Confira o contraste WCAG 2.2 entre texto e fundo com prévia real e avaliação AA e AAA. Os arquivos e o conteúdo inserido não são enviados ou armazenados em um servidor.
Como usar
Confira o contraste WCAG 2.2 entre texto e fundo com prévia real e avaliação AA e AAA.
Formatos e limites suportados
Values / Images → SVG / PNG
O processamento ocorre neste navegador. Os formatos e a memória disponível podem limitar o resultado.
Texto normal exige AA 4.5:1 e AAA 7:1; texto grande exige AA 3:1 e AAA 4.5:1.
Verificar contraste de cores Guia de uso
Instruções
- Digite cores de texto e fundo em HEX de 6 caracteres.
- Confira texto normal e grande na prévia e inverta as cores, se necessário.
- Confira contraste e aprovação de cada critério AA e AAA.
Exemplo
Entrada / configurações
Texto #000000 · fundo #ffffff
Resultado / verificação
21:1 · aprovado em AA e AAA
Observações
- Texto normal exige AA 4.5:1 e AAA 7:1; texto grande exige AA 3:1 e AAA 4.5:1.
- Avalia cores sólidas opacas e contraste antes do arredondamento. Texto grande: normal de 24px ou negrito de cerca de 18.67px ou mais.