Verificador de Contraste
Verifique as relações de contraste de cores em relação às diretrizes WCAG 2.1 instantaneamente. Garanta que seu texto seja legível e seu design acessível a todos. Gratuito e fácil de usar.
How to Use
- 1Insira as Cores Insira os códigos HEX para as cores do texto e do fundo.
- 2Visualize a Prévia Veja como seu texto fica em tempo real.
- 3Verifique a Proporção Revise a proporção de contraste calculada.
- 4Valide a Conformidade Verifique se passa nos padrões WCAG AA/AAA.
Por Que a Acessibilidade é Importante
Alcance um Público Mais Amplo
Torne seu conteúdo utilizável para pessoas com deficiência de visão de cores (cerca de 1 em cada 12 homens e 1 em cada 200 mulheres), bem como para pessoas com baixa visão.
Melhore a Experiência para Todos
Um bom contraste melhora a legibilidade para todos, especialmente em telas escuras ou sob luz solar intensa.
Entendendo as Classificações do WCAG
Nível AA (Padrão)
Exige 4.5:1 para texto normal, 3:1 para texto grande. A meta padrão para a maioria dos sites.
Nível AAA (Avançado)
Exige 7:1 para texto normal, 4.5:1 para texto grande. Acessibilidade aprimorada para usuários com perda de visão significativa.
100% Privado e Seguro
Este verificador de contraste é executado inteiramente no seu navegador. Nenhum dado é enviado para nossos servidores.
FAQ
O que é contraste de cores e por que é importante?
O contraste de cores é a diferença de brilho entre uma cor de primeiro plano e seu fundo. Um alto contraste garante que pessoas com deficiências visuais possam perceber seu conteúdo de forma eficaz.
Logotipos são obrigados a atender a esses padrões?
Não, as diretrizes do WCAG fornecem exceções para texto que faz parte de um logotipo ou nome de marca, bem como para texto que é puramente decorativo.
Como posso corrigir uma baixa taxa de contraste?
Aumente a diferença de luminância. Torne a cor clara mais clara ou a cor escura mais escura. Use nossa visualização ao vivo para experimentar.