Tada File , Todas as ferramentas

Verificador de contraste de cores

Verifique se as cores do texto e do fundo são legíveis o bastante para o WCAG AA e AAA, e receba a cor mais próxima que é aprovada.

Texto de título grande

Texto normal, do tamanho que a maioria das pessoas lê na tela. Ele precisa de mais contraste do que o texto grande para ser fácil de ler.

Botão

Taxa de contraste

4,54:1

  • Texto normal · AA 4.5:1Aprovado
  • Texto normal · AAA 7:1Reprovado
  • Texto grande · AA 3:1Aprovado
  • Texto grande · AAA 4.5:1Aprovado
  • Ícones e bordas · AA 3:1Aprovado

Cor de texto mais próxima que é aprovada:

Medido com a fórmula do WCAG 2.2. Texto grande é a partir de 24 px, ou 18,5 px em negrito. Texto translúcido é medido como aparece sobre o fundo.

O Verificador de contraste de cores mede a taxa de contraste entre a cor de um texto e o fundo com a fórmula do WCAG 2.2 e mostra se ela passa nos níveis AA e AAA para texto normal, texto grande e ícones e bordas. Uma prévia ao vivo mostra texto real sobre o fundo. Quando um par é reprovado, a ferramenta sugere a cor de texto mais próxima que passa, mantendo o tom, para você mudar o mínimo possível no seu design.

Como usar: Verificador de contraste de cores

  1. 1

    Escolha duas cores

    Digite a cor do texto e a do fundo, ou escolha-as.

  2. 2

    Veja o resultado

    Confira a taxa e se ela passa no AA e no AAA.

  3. 3

    Corrija se precisar

    Use a cor sugerida que é aprovada.

O que faz

Níveis do WCAG 2.2
AA e AAA para texto normal e grande, além de ícones e bordas.
Prévia ao vivo
Veja títulos, texto corrido e um botão sobre o fundo.
Correção mais próxima
A cor aprovada mais próxima, com o mesmo tom.

Perguntas

Qual taxa de contraste eu preciso?

O WCAG AA pede 4,5:1 para texto normal e 3:1 para texto grande, ícones e bordas. O AAA pede 7:1 para texto normal e 4,5:1 para texto grande.

O que conta como texto grande?

24 px ou mais, ou texto em negrito a partir de cerca de 18,5 px (14 pt).

Funciona com cores translúcidas?

Sim. Uma cor de texto transparente é medida como aparece sobre o fundo.

Precisa de conexão com a internet?

Só para abrir a página. Tudo é calculado no seu dispositivo, e nada do que você digita é enviado.