Verificador de contraste de cores

Este é um verificador de contraste de cores WCAG que mostra a proporção de contraste exata entre uma cor de texto e uma cor de fundo, e se ela atende aos níveis de acessibilidade AA e AAA. Escolha as cores com a amostra ou pelo código hexadecimal e veja uma prévia ao vivo.

Ajuste as duas cores até que os selos passem no nível que você precisa, e o resultado é atualizado instantaneamente conforme você avança.

Um texto que está muito próximo em luminosidade do seu fundo é difícil ou impossível de ler, especialmente para pessoas com baixa visão ou deficiências na percepção de cores, ou para qualquer um usando o celular sob luz solar intensa. Contraste suficiente mantém seu conteúdo legível para todos.

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) definem o padrão. O AA, o nível que a maioria dos sites busca atingir e que muitas leis de acessibilidade referenciam, exige uma proporção de 4,5:1 para texto normal e 3:1 para texto grande. O AAA é mais rígido, em 7:1 e 4,5:1.

O texto grande recebe um limiar mais baixo porque letras maiores permanecem legíveis com menos contraste. Ele conta como grande a cerca de 24px (18pt), ou 18,66px (14pt) quando em negrito.

A proporção vem da luminância relativa das duas cores usando a fórmula oficial da WCAG, produzindo um valor de 1:1 (sem contraste, cores idênticas) até 21:1 (preto sobre branco).

Tudo é calculado no seu navegador, então é instantâneo e privado. Nada do que você escolhe é enviado para lugar algum.