Verificador de contraste
Calcule o contraste entre duas cores e verifica os níveis de WCAG AA e AAA.
Texto do exemplo
Verifique como um parágrafo fica com esta combinação de cores.
Relação de contraste
17.74:1
Atende ✓ · WCAG AA · texto normal
Atende ✓ · WCAG AA · texto grande
Atende ✓ · WCAG AAA · texto normal
Atende ✓ · WCAG AAA · texto grande
Como funciona
Selecione a cor do texto e a cor de fundo. A ferramenta calcula a luminância relativa e a relação de contraste para mostrar se atende aos limites habituais das WCAG para texto normal e grande.
Perguntas frequentes
O que significa uma relação de 4,5:1?
É um dos limiares habituais de WCAG AA para texto normal.
A pré-visualização usa as minhas cores reais?
Sim. O bloco de exemplo aplica exatamente as cores selecionadas.