Quando usar
Use este recurso quando precisar acelerar uma decisão de cores, design e acessibilidade sem abrir softwares pesados ou montar scripts manuais para tarefas repetitivas.
Gerador de Contraste
A relação de contraste é calculada com base na luminância relativa das cores, seguindo os critérios oficiais da WCAG.
Pré-visualização
Este texto simula um conteúdo comum em interface. Use essa área para validar legibilidade real.
Exemplo de texto secundário para elementos de apoio.
Relação de Contraste
0.00:1
Fail
AA Texto normal
Fail
AA Texto grande
Fail
AAA Texto normal
Fail
AAA Texto grande
Fail
Como usar Teste de contraste WCAG
Compare texto e fundo para validar legibilidade e criterios WCAG em interfaces. Use a ferramenta diretamente no navegador, ajuste os campos principais, confira o resultado visual e copie ou baixe o material final quando estiver pronto.
Antes de aplicar
Teste o resultado em mais de um tamanho de tela, mantenha contraste legível e salve os valores finais em seu projeto para preservar consistência entre páginas, componentes e materiais.
Fluxo recomendado
Comece com uma configuração simples, refine visualmente, valide o resultado e depois combine esta ferramenta com recursos relacionados para fechar o acabamento do projeto.