Pular para o conteúdo

Verificador de contraste de cores

Garanta que o seu texto é legível para todos.

Carregando…

Escolha uma cor de texto e uma cor de fundo para ver a relação de contraste e se cumprem os níveis de acessibilidade WCAG 2: AA e AAA para texto normal e grande, e o mínimo de 3:1 para ícones e controlos. A pré-visualização mostra texto real nas duas cores e um clique troca-as.

Como verificar o contraste de cores

  1. Etapa 1

    Introduza as cores do texto e do fundo.

  2. Etapa 2

    Veja a relação de contraste e os resultados WCAG.

  3. Etapa 3

    Ajuste as cores até cumprir cada nível necessário.

Por que usar o PhotoTools

Níveis WCAG 2

AA e AAA para texto normal e grande.

Pré-visualização ao vivo

Texto real nas suas cores.

Qualquer formato

HEX, RGB, HSL ou nomes de cores.

Formatos compatíveis

Saída

  • WCAG

Perguntas frequentes

De que contraste preciso?

As WCAG AA pedem 4,5:1 para texto normal e 3:1 para texto grande (18 pt, ou 14 pt em negrito) e controlos; AAA pede 7:1 e 4,5:1.

O resultado coincide com outros verificadores?

Sim. Usa a fórmula de luminância relativa das WCAG 2, a mesma das ferramentas de programador dos navegadores.

É grátis?

Sim. As ferramentas do navegador do PhotoTools são grátis, ilimitadas e funcionam sem conta.