Razão de contraste e acessibilidade web (WCAG)

A diferença de brilho entre o texto e o fundo é chamada de razão de contraste, expressa de 1:1 (idêntico) até 21:1 (preto sobre branco).

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) recomendam um contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande. Baixo contraste torna o texto difícil de ler para usuários com baixa visão ou sob luz solar intensa.

Ao escolher cores, verifique não apenas se elas parecem bonitas, mas se são bem legíveis sobre o fundo. A prévia de contraste em cada página de detalhes de cor mostra a legibilidade para texto claro e escuro.