Ferramenta online

Teste de Contraste e Acessibilidade

Teste o contraste entre texto e fundo, veja se as cores passam nas regras WCAG AA/AAA e simule como a combinação aparece para pessoas com daltonismo.

Ferramenta online para testar contraste e acessibilidade de cores detalhe

Uma boa combinação de cores precisa ser bonita, mas também precisa ser legível. Esta ferramenta ajuda a testar o contraste entre texto e fundo, verificar padrões de acessibilidade WCAG, simular diferentes tipos de daltonismo e copiar a combinação em CSS para usar em sites, botões, artes digitais e materiais visuais.

Cristian Crisoft

Teste de contraste e acessibilidade

Compare duas cores, confira se elas passam nas regras WCAG AA e AAA, corrija a combinação automaticamente e visualize como o contraste se comporta em simulações de daltonismo.

Cores para testar

Use o seletor visual ou digite os códigos em HEX. O resultado é atualizado na hora.

21.00:1
Excelente

Prévia de leitura

A prévia ajuda a perceber se a combinação funciona em textos grandes, parágrafos e legendas.

Texto grande de exemplo

Este é um parágrafo de texto normal para avaliar a legibilidade real da combinação de cores escolhida.

Texto pequeno, legenda ou informação de apoio.

Simulação de daltonismo

Se a leitura ficar fraca em alguma simulação, vale ajustar a paleta antes de usar em site, botão, logo ou material digital.

Copiado!

Sua empresa também pode ter uma presença digital melhor

Conte para a Crisoft o que você precisa. Vamos ajudar sua empresa a ter um site mais claro, profissional e preparado para gerar contatos.

Falar pelo WhatsApp