Verifique a proporção de contraste entre duas cores em relação aos níveis de acessibilidade WCAG AA e AAA.
Como usar Verificador de contraste
Escolha uma cor de texto e uma cor de fundo.
Leia a proporção de contraste e os emblemas de aprovação ou reprovação do WCAG.
Ajuste as cores até que passem no nível que você precisa.
Perguntas frequentes
WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande (18pt ou 14pt negrito). AAA exige 7:1 e 4,5:1 respectivamente.
Texto com pelo menos 24px (18pt), ou 18,66px (14pt) quando em negrito. Texto grande permite uma proporção de contraste menor.
A partir da luminância relativa de cada cor usando a fórmula oficial do WCAG, dando um valor de 1:1 (sem contraste) a 21:1 (preto sobre branco).
Um verificador de contraste de cores WCAG que mostra a proporção exata de contraste entre uma cor de texto e de fundo e se ela atende aos níveis de acessibilidade AA e AAA.
Escolha as cores com a amostra ou por código hexadecimal e veja uma prévia ao vivo. Bom contraste torna o seu site legível e acessível.
Ferramentas relacionadas
Gere hashes SHA-1, SHA-256, SHA-384 e SHA-512 de qualquer texto, diretamente no seu navegador.
Converta cores entre HEX, RGB e HSL com uma prévia ao vivo.
Converta timestamps Unix para datas legíveis e vice-versa: UTC, local, ISO 8601 e tempo relativo. Segundos e milissegundos são detectados automaticamente.
Codifique e decodifique URLs e componentes de URL com percent-encoding, seguro para UTF-8.
Usamos cookies essenciais para o site funcionar. Com seu consentimento, também carregamos o Google AdSense, que define cookies de publicidade. Veja nossa política de privacidade.