Verificador de contraste de cores

Este é um verificador de contraste de cores WCAG que mostra a razão de contraste exata entre uma cor de texto e uma cor 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 tempo real.

Ajuste as duas cores até os distintivos passarem o nível de que precisa, e o resultado atualiza-se instantaneamente à medida que avança.

Texto demasiado próximo em luminosidade do seu fundo é difícil ou impossível de ler, sobretudo para pessoas com baixa visão ou deficiências na visão das cores, ou para qualquer pessoa ao telemóvel sob sol intenso. Contraste suficiente mantém o seu conteúdo legível para todos.

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) definem a norma. AA, o nível a que a maioria dos sites aspira e que muitas leis de acessibilidade referenciam, exige uma razão de 4,5:1 para texto normal e 3:1 para texto grande. AAA é mais rigoroso, com 7:1 e 4,5:1.

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

A razã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, por isso é instantâneo e privado. Nada do que escolhe é carregado para lado nenhum.