Design

Verificador de Contraste de Cores

Razão de contraste WCAG para duas cores.

Quase antes de percebermos, já tínhamos deixado o chão.
1.00
Relação de contraste
PadrãoTexto normalTexto grande
WCAG AA
WCAG AAA

Escolher cores? Conversor de cores · bios sociais: Gerador de Texto Estilizado · balanças: Gerador de Tons de Cor.

Como usar

Escolha uma cor de texto e uma cor de fundo. A razão de contraste e aprovação/reprovação para cada nível WCAG são atualizadas ao vivo, com pré-visualização.

Perguntas frequentes

Para que posso usar o Color Contrast Checker?

O Color Contrast Checker é útil quando você precisa verificar a relação de contraste entre texto e cores de fundo em relação aos padrões de acessibilidade WCAG AA e AAA, com uma prévia ao vivo. Ele é feito para checações rápidas, fluxos de trabalho do dia a dia e tarefas práticas onde um resultado rápido baseado em navegador é suficiente.

Como uso corretamente o Color Contrast Checker?

Cole o número, ID, código ou valor exatamente como quiser que seja verificado. Mantenha letras e dígitos significativos, mas remova caracteres acidentais extras, a menos que a página diga que são permitidos.

Qual entrada o Color Contrast Checker precisa?

Use os campos mostrados na ferramenta e mantenha a entrada próxima ao caso real que você quer resolver. Se a página incluir exemplos ou presets, comece por esses para entender o formato esperado.

Qual resultado o Color Contrast Checker me dá?

A ferramenta retorna um resultado de aprovação/reprovação, tipo detectado e uma breve explicação da regra ou soma de verificação que foi verificada. Na maioria dos casos, a saída é atualizada instantaneamente e pode ser copiada, baixada ou usada como referência para o próximo passo.

Quão preciso é o Verificador de Contraste de Cor?

A verificação é baseada em regras de formato público, matemática de soma de verificação ou validação de padrões. Um resultado válido não prova que o número, conta, documento ou identificador existe em um banco de dados real.

Meus dados são enviados quando uso o Color Contrast Checker?

A ferramenta foi projetada para rodar no seu navegador, então entradas comuns são processadas localmente, a menos que uma página declare explicitamente que precisa de uma consulta online.

Quais erros comuns devo evitar com o Color Contrast Checker?

Evite colar espaços ocultos, dígitos de verificação faltando, prefixos de país errados ou valores de exemplo que não representam registros reais.

Com quais tarefas relacionadas o Color Contrast Checker pode ajudar?

O Color Contrast Checker é destinado a casos de uso relacionados a "color contrast checker" e necessidades próximas, como "contraste wcag". Para melhores resultados, siga os rótulos, exemplos e opções na página.

Quais são os limites do Color Contrast Checker?

Ele verifica a estrutura pública do valor, não bancos de dados privados. Passar validação não confirma propriedade, equilíbrio, identidade ou status no mundo real.

Quando devo verificar novamente a saída do Color Contrast Checker?

Verifique novamente a saída antes de depender dela para controle de acesso, conformidade, pagamentos, verificações de identidade ou segurança em produção.