Verificador de contraste

Processado neste navegador

Limite de texto: 2000000 caracteres

Esta ferramenta não envia sua entrada.

O legal pediu “contraste AA” e o botão branco caiu no vinho do logo. Esta aba mede um par HEX — não percorre o site com teclado e não substitui o eMAG do governo brasileiro.

O portal do órgão pediu “acessível” e o hero herdou o vinho da marca. O trabalho desta página é a razão de contraste entre dois HEX nesta aba, a mesma família de conta da WCAG (luminância relativa). Não é o eMAG completo, não é ASES e não é parecer jurídico.

O eMAG se apresenta como especialização brasileira da WCAG para sítios de governo, sem abrir mão das boas práticas internacionais. Mesmo lá, contraste é um item: teclado, foco, texto alternativo e leitor de tela não cabem nesta URL.

Dois sólidos, não o site inteiro

  • Botão, link e label em cima de fundo chapado.
  • Cinza do placeholder em cima do cinza do input — o erro mais comum de formulário de currículo e de login gov.
  • Par que você tirou no conta-gotas depois que a cliente mandou o logo no WhatsApp.

É a ferramenta errada para “passar o site no eMAG com um clique”, para texto em foto e para degradê com um único número.

  1. Cole texto e fundo. Sem # ou com — o que a UI aceitar.
  2. Leia a razão e se a interface marca AA/AAA para o tamanho que ela assume. Texto grande ≠ o text-sm de 14 px do Tailwind.
  3. Paleta nova: gerador. Hero em degradê: gradiente e vários pares.

Sombra de card (box-shadow) quase não muda esta conta. Unidade do tipo em rem: unidades CSS — a conta de contraste não lê o CSS computado da página.

O que o número não prova

Não prova que o foco do teclado aparece. Não prova que o leitor de tela fala o botão. Não prova daltonismo em gráfico. Portal de Enem e Página do Participante têm regra de foto (JPEG/PNG ≤ 2 MB), não de paleta — não misture os jobs.

Nada é enviado. Trate o resultado como orientação de par, não como selo.

Perguntas frequentes

Isso emite laudo de acessibilidade ou “site eMAG ok”?

Não. É a luminância relativa de *dois* HEX. eMAG 3.1 pede processo (teclado, leitor, alternativas). ASES antigo e auditoria humana são outro trabalho.

Qual número o eMAG cita para texto?

O curso de desenvolvedor do eMAG recomenda no mínimo 4,5:1 para texto normal. AA grande (18 pt ou 14 pt negrito) costuma aceitar 3:1. AAA normal mira 7:1. Confira o tamanho real no CSS.

O fundo é um degradê do hero.

Meça o ponto mais difícil (meio lavado). O gradiente não devolve um único contraste.

Como pegar o HEX do vinho na foto do WhatsApp?

Conta-gotas. Paleta automática: gerador de paletas.

Texto escrito em cima de uma foto?

Esta conta assume dois sólidos. Foto, overlay e texto em imagem não cabem num único par.

Posso mandar o 4,52:1 no Slack do design?

Sim, com os dois HEX e se era texto normal ou grande. Não trate o print como auditoria.

Ferramentas relacionadas