Pular para o conteúdo
Design e Cor

Verificador de contraste WCAG

Texto de baixo contraste é a falha de acessibilidade mais comum na web. Insira as cores do texto e do plano de fundo para obter a taxa de contraste exata e um veredicto de aprovação/reprovação para texto normal, texto grande e componentes de UI.

4 minutos de leituraAtualizado 2026-11-04

Fatos importantes

Categoria
Design e Cor
Preço
Livre
Conta
Não obrigatório
Processamento
No seu navegador
Entrada
Arquivos locais ou dados colados
Plataforma
Navegadores modernos para desktop e dispositivos móveis

O que isso faz

Texto de baixo contraste é a falha de acessibilidade mais comum na web. Insira as cores do texto e do plano de fundo para obter a taxa de contraste exata e um veredicto de aprovação/reprovação para texto normal, texto grande e componentes de UI.

Meça as taxas de contraste do texto e verifique a conformidade AA/AAA para texto normal e grande.

Como usar

Aqui está a versão resumida do uso de Verificador de contraste WCAG.

  • Defina o texto e o plano de fundo — Use as entradas de cores ou cole valores hexadecimais de seus tokens de design.
  • Leia a proporção — A ferramenta calcula a luminância relativa e a taxa de contraste com duas casas decimais.
  • Corrija e teste novamente — Se um par falhar, ajuste a luminosidade até passar e copie os valores hexadecimais compatíveis.

Recursos que importam

O que Verificador de contraste WCAG faz bem.

  • Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
  • Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
  • Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.

Perguntas frequentes

Meu par de cores é seguro para uso aqui?

Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.

Preciso criar uma conta?

Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.

Funciona em um telefone?

Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.

Qual proporção a WCAG exige?

AA requer 4,5:1 para texto normal e 3:1 para texto grande (18 pontos ou 14 pontos em negrito). AAA aumenta para 7:1 e 4,5:1. Os componentes de UI não textuais precisam de pelo menos 3:1.

Por que uma cor parece boa, mas falha?

O brilho percebido difere do matiz. Azuis e verdes saturados geralmente têm luminância mais baixa do que parecem, portanto, sempre meça o par real em vez de confiar na amostra.

Abra Verificador de contraste WCAG

Experimente agora – ele roda no seu navegador e não precisa de conta.

Abra a ferramenta