Designer Brasil

Acreditamos que o acesso a boas ferramentas é um direito, não um privilégio.

Ler o manifesto

Verificador de Contraste de Cores

Verifique a acessibilidade e o contraste das cores conforme as normas WCAG, grátis.
Índice de Contraste21.00:1
AA NormalPassou
AA GrandePassou
AAA NormalPassou
AAA GrandePassou

Exemplo de Título

Este é um exemplo de como o seu texto aparecerá com as cores selecionadas. A acessibilidade no design garante que todos os usuários, independentemente de suas habilidades visuais, possam consumir o seu conteúdo com clareza e conforto.

* Texto grande é definido como 18pt (24px) ou maior, ou 14pt (18.66px) em negrito.

Como usar em 3 passos

1

Cores

Insira os códigos hexadecimais das cores que você deseja testar para o texto e o fundo.

2

Análise

Nossa ferramenta calcula instantaneamente a taxa de contraste baseada nas normas WCAG.

3

Resultado

Veja se sua combinação de cores é acessível para diferentes tamanhos de texto e níveis (AA/AAA).

Perguntas Frequentes

O que é o contraste WCAG?

WCAG (Web Content Accessibility Guidelines) são diretrizes que definem o contraste mínimo necessário para que o conteúdo seja legível por pessoas com deficiências visuais.

Qual o contraste ideal para texto?

Para o nível AA, o contraste deve ser de pelo menos 4.5:1 para texto normal e 3:1 para texto grande. Para o nível AAA, o contraste deve ser de 7:1.

Como usar o verificador de contraste?

Basta inserir os códigos HEX das cores de fundo e de texto. A ferramenta calculará o índice de contraste e informará se a combinação passa nos testes AA e AAA.

Mosca Tee - Editor Gráfico Acessível

Baixe grátis nosso
editor gráfico

Abra e edite seus arquivos PSD e PDF

Somos o primeiro editor gráfico acessível para pessoas cegas e com baixa visão.