Design

Verificador de Contraste de Cores Gratuito

Verifique se suas cores de texto e fundo atendem aos padrões de acessibilidade WCAG. Veja a taxa de contraste, conformidade AA/AAA e pré-visualização ao vivo da sua combinação de cores. Sem cadastro.

100% gratuito — nenhuma conta necessária

Taxa de Contraste

21:1

AA Normal

4.5:1

AA Grande

3:1

AAA Normal

7:1

AAA Grande

4.5:1

Pré-visualização

Texto de Título

O texto do corpo fica assim no tamanho normal.

O texto pequeno aparece assim.

Recursos de Verificador de Contraste de Cores Gratuito

Garanta que seu conteúdo seja legível por todos

Pré-visualização ao Vivo

Veja seu texto sobre a cor de fundo em tempo real enquanto ajusta.

Taxa de Contraste

Calculada usando a fórmula de luminância relativa do WCAG para resultados precisos.

Trocar Cores

Troque entre cores de texto e fundo com um clique.

Conformidade WCAG

Verifique aprovação/reprovação AA e AAA para tamanhos de texto normal e grande.

Perguntas Frequentes

Qual taxa de contraste eu preciso?

WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande. WCAG AAA exige 7:1 para texto normal e 4.5:1 para texto grande.

O que conta como texto grande?

Texto grande é 18pt (24px) ou maior, ou 14pt (18.5px) negrito ou maior. Texto grande tem um requisito de contraste menor porque é mais fácil de ler.

Por que acessibilidade importa?

Cerca de 15-20% das pessoas têm alguma forma de deficiência visual. Bom contraste garante que seu conteúdo seja legível pelo maior público possível e frequentemente é exigido por lei.

Gostando das nossas ferramentas gratuitas?

Crie Conteúdo de Redes Sociais Acessível

Garanta que seu conteúdo de marca seja legível e acessível.