Verificador de contraste
Verifique o contraste WCAG de textos e cores de interface
Experimente:
Qualquer cor CSS funciona, com transparência: #rgb, #rrggbbaa, rgb(), hsl(), oklch() e nomes como navy.
Texto de título de exemplo
Texto grande: 14 pt negrito ou 18 pt
Texto de corpo para verificar a legibilidade.
Letra pequena, legendas e notas precisam de mais contraste.
Botão
Taxa de contraste
4.83:1
Melhor nível atingido: AA
- AA · Texto normal4.5:1Aprovado
- AA · Texto grande3:1Aprovado
- AAA · Texto normal7:1Reprovado
- AAA · Texto grande4.5:1Aprovado
- AA · Ícones, contornos e controlos3:1Aprovado
Grande: 18 pt+ ou 14 pt+ em negrito
Cores mais próximas que passam
Mesma tonalidade e saturação, com a menor mudança de luminosidade. Clique para aplicar.
Perguntas frequentes
Ferramentas relacionadas
Funciona no seu dispositivo, não nos nossos servidores
Esta página usa APIs do navegador (Canvas, WebAssembly, workers etc.), então seus arquivos ficam no seu computador.
- O processamento acontece nesta aba: ao fechá-la, a sessão termina.
- Não é preciso ter conta no ZapFile e não guardamos seus arquivos (nenhum é enviado).
- Você baixa só o que escolher; nada é enviado para nós para "processamento na nuvem".
- Confira você mesmo: DevTools → Rede enquanto usa uma ferramenta; você não verá seus arquivos sendo enviados ao ZapFile.
- Adicione o ZapFile à tela inicial para abrir mais rápido e acessar offline as páginas em cache (as ferramentas precisam de um navegador compatível).