Como testar o contraste de cores da sua marca pra garantir legibilidade

Combinações de cores bonitas nem sempre garantem legibilidade, principalmente em texto sobre fundo colorido.

Acesse o WebAIM Contrast Checker, ferramenta gratuita disponível online.

Insira o código HEX da cor do texto e o código HEX da cor de fundo.

Um contraste abaixo de 4.5:1 indica dificuldade de leitura e deve ser evitado.

Repita esse teste pra qualquer combinação de cor que envolva texto sobre fundo colorido ou foto.

Esse cuidado é especialmente importante em materiais pensados pra celular, onde o tamanho da tela já reduz a legibilidade por padrão.

Contraste ruim afasta leitor antes mesmo da mensagem ser lida. Vale o minuto extra pra testar antes de publicar.