Quais limites são verificados?
A ferramenta verifica 4.5:1 e 7:1 para texto normal, 3:1 e 4.5:1 para texto grande e 3:1 para componentes de interface.
Verificador de contraste de cores
Verifique relações de contraste WCAG para cores de primeiro plano e fundo, visualize texto real, veja resultados AA e AAA e copie um relatório de acessibilidade.
Verifique o contraste WCAG antes de publicar um par de cores
Use o Verificador de contraste de cores para testar cores de primeiro plano e fundo contra limites comuns de contraste WCAG. Digite ou escolha cores, visualize seu próprio texto, ajuste tamanho e peso da fonte e copie um relatório claro para revisão de design ou acompanhamento de issues.
O resultado inclui a relação de contraste exata, estados de aprovado ou reprovado AA e AAA para texto normal, texto grande e componentes de interface, além de sugestões práticas de primeiro plano.
Use quando
- Escolher cores de texto e fundo para botões, cards, dashboards, formulários ou documentação.
- Auditar cores de marca antes de usá-las em texto de interface legível.
- Verificar se um tamanho de fonte se qualifica como texto grande pelos limites WCAG.
- Copiar uma nota de acessibilidade para um ticket, pull request ou handoff de design.
Carregando ferramenta...
FAQ do verificador de contraste de cores
Texto em negrito muda o resultado de texto grande?
Sim. Texto em negrito se qualifica como grande em um tamanho de pixel menor que texto normal.
Posso encontrar uma cor acessível próxima?
Sim. O verificador sugere uma direção de primeiro plano AA mais próxima, preservando o tom original tanto quanto for prático.
