Teste de contraste de cores WCAG

Compare as cores do texto e do fundo. Calcule a relação de contraste e confira os limites WCAG AA e AAA para textos normais e grandes.

Resultado

O resultado aparecerá aqui.

Contamos quais ferramentas são mais usadas, sem incluir os valores informados nem o conteúdo dos arquivos nas estatísticas. Privacidade

Escolha cores opacas de texto e fundo.
A razão usa luminância relativa sRGB e compara AA e AAA para texto normal e grande.

Cores sRGB opacas; texto grande: 18 pt ou 14 pt em negrito.

Apenas contraste textual WCAG 2.2.

Dados de entrada

Resultado

21:1 AA texto normal: Atende AA texto grande: Atende AAA texto normal: Atende AAA texto grande: Atende

GUIAS PRÁTICOS

Cores diferentes podem gerar texto difícil de ler. Meça o par efetivo e confira tamanho do texto, composição do fundo e estados da interface.