Verifique o rácio de contraste entre duas cores face aos níveis de acessibilidade WCAG AA e AAA.
Como usar o/a Verificador de contraste
Escolha uma cor de texto e uma cor de fundo.
Leia o rácio de contraste e os distintivos de passa ou falha da WCAG.
Ajuste as cores até passarem no nível de que precisa.
Perguntas frequentes
O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande (18pt ou 14pt a negrito). O AAA exige 7:1 e 4,5:1, respetivamente.
Texto com pelo menos 24px (18pt), ou 18,66px (14pt) quando a negrito. O texto grande pode ter um rácio de contraste mais baixo.
A partir da luminância relativa de cada cor usando a fórmula oficial da WCAG, dando um valor de 1:1 (sem contraste) a 21:1 (preto sobre branco).
Um verificador de contraste de cores WCAG que mostra o rácio de contraste exato entre uma cor de texto e de fundo e se cumpre os níveis de acessibilidade AA e AAA.
Escolha cores com a amostra ou por código hexadecimal e veja uma pré-visualização em direto. Um 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 pré-visualização em direto.
Converta timestamps Unix em datas legíveis e vice-versa: UTC, local, ISO 8601 e tempo relativo. Segundos e milissegundos são detetados automaticamente.
Codifique e descodifique URLs e componentes de URL em percent-encoding, com segurança UTF-8.