Verificador de contraste
Duas cores na entrada, a razão na saída e um veredito para cada tamanho que as WCAG avaliam separadamente. Quando um par não passa, a ferramenta procura a cor mais próxima que passa sem mexer no seu matiz, então a correção continua dentro da marca. O número mais recente, o do APCA, fica ao lado, marcado com clareza como algo que ainda não é o padrão.
| Onde é usado | Mínimo | AA | AAA |
|---|
Texto grande, de 24 px para cima
Texto corrido em tamanho normal, o caso que a maioria das páginas realmente precisa passar.
O que a razão realmente mede
Cada cor é convertida numa luminância relativa: uma soma ponderada dos canais vermelho, verde e azul depois de desfeita a curva gama do sRGB, com o verde pesando mais porque é a ele que o olho é mais sensível. A razão é a luminância mais clara somada a uma pequena constante, dividida pela mais escura somada à mesma constante. É essa constante que impede a escala de disparar ao infinito contra o preto puro, e é também por isso que a fórmula é mais generosa com fundos escuros do que os olhos da maioria das pessoas.
Por que um mesmo par recebe vários vereditos
As WCAG não avaliam um par de cores uma única vez. O texto grande tem direito a um limite mais baixo que o texto corrido, porque o tamanho faz parte do trabalho que de outra forma caberia ao contraste, e os componentes de interface — a borda de uma caixa de seleção, um anel de foco — são avaliados de novo à parte. Uma paleta que reprova no corpo do texto pode estar perfeitamente correta num título, então a tabela dá todos os casos em vez de um único aprovado ou reprovado.
Manter o matiz ao corrigir
O conserto habitual para um par reprovado é apelar para um cinza mais escuro, o que vai drenando a cor de uma marca sem ninguém perceber. A sugestão aqui mexe só na luminosidade, no menor passo que ultrapassa o limite, e deixa matiz e saturação onde você as colocou. É a mesma cor, apenas levada o suficiente para ser legível.
Sobre o número do APCA
O APCA é o modelo de contraste em desenvolvimento para a próxima versão das diretrizes. Ele leva em conta o que a razão das WCAG 2 ignora — a polaridade, o peso da fonte, o modo como o contraste percebido cai em fundos escuros — e costuma concordar com os seus olhos onde a fórmula antiga não concorda. Aparece aqui porque é genuinamente informativo, e vem rotulado com clareza porque não é por ele que você é avaliado. Hoje a conformidade é a razão, não o Lc.
Perguntas frequentes
O que conta como texto grande?
18 pontos, cerca de 24 pixels, ou 14 pontos em negrito, cerca de 18,66 pixels em negrito. Abaixo disso é texto normal e exige a razão mais alta.
Meus cinzas passam no branco mas reprovam no escuro. Por quê?
A fórmula das WCAG 2 não é simétrica do jeito que a percepção é. Texto claro sobre fundo escuro parece ter menos contraste do que a razão sugere, e essa é justamente uma das lacunas que o APCA veio fechar. Se o par passa raspando no escuro, confie nos seus olhos e aumente um pouco.
A razão vale para ícones e bordas?
Sim, em 3:1, pela regra de contraste de elementos não textuais. Ela cobre as partes de um controle que você precisa enxergar para usá-lo — o contorno de um campo, um botão de alternância, um indicador de foco — mas não gráficos decorativos nem um logotipo.
O que eu digito aqui é enviado para algum lugar?
Não. As cores nunca saem da página, e nada é enviado nem guardado.
Feito pela equipe GO AI. Conversor OKLCH · Nossa declaração de acessibilidade · Todas as ferramentas gratuitas