Cores do QR Code: até onde dá para ir

O celular não enxerga cores quando lê um QR Code. Ele converte a imagem em brilho e decide, módulo por módulo, se cada quadradinho é escuro ou claro. O tom não importa; a única coisa que conta é a distância entre os dois níveis de brilho, e qual é qual.

Disso saem duas regras. Primeiro, os módulos devem ser a parte escura e o fundo, a parte clara, porque é esse o arranjo que o padrão descreve e que todo leitor espera. Segundo, a diferença entre eles precisa sobreviver a condições reais: reflexo, sombra, impressora barata, uma câmera que ajusta a exposição para a cena inteira e não para o código.

Preto no branco maximiza as duas coisas, e por isso é o caso de referência. Cada mudança de cor gasta um pouco dessa margem. Gastar um pouco não tem problema; gastar quase toda dá um código que lê no escritório e falha no evento. Como o leitor analisa os módulos está explicado em como funciona o QR Code.

Um teste útil: converta o seu design para tons de cinza. Se o código continuar parecendo um padrão preto e branco bem nítido, provavelmente vai ler. Se parecer dois tons de cinza, não vai.

Códigos invertidos

Módulos claros sobre fundo escuro chamam atenção e são populares em embalagens e slides com tema escuro. Muitos apps de câmera atuais conseguem ler, mas alguns leitores não, e você não escolhe qual leitor o seu público usa. Se o design exige um painel escuro, coloque uma caixa branca dentro dele e ponha ali um código normal, escuro sobre claro, com a zona de silêncio incluída.

• Degradê nos módulos. Um degradê suave entre duas cores escuras pode funcionar. Um que clareia até uma cor clara deixa parte do código com pouco contraste, e o leitor precisa do código inteiro.
• Fundos com textura ou foto. Textura atrás do código cria ruído justamente onde o leitor procura módulos claros e limpos. Mantenha o código e a zona de silêncio sobre uma área lisa e uniforme.
• Fundo transparente. Se você remover o fundo branco do arquivo, os módulos claros passam a ser o que estiver atrás deles. Em papel branco, tudo bem; em cima de uma foto escura ou de um painel colorido, o código pode inverter ou sumir. Mantenha um fundo claro e opaco atrás do código.
• Acabamentos. Tintas metálicas, hot stamping e laminação brilhante refletem luz na câmera e podem apagar um contraste que parecia ótimo na tela.

A zona de silêncio precisa ter a mesma cor clara do fundo do código. Uma borda colorida encostada nos módulos é lida como parte do símbolo e confunde o leitor sobre onde o código começa.

O gerador daqui parte de módulos pretos sobre fundo branco, a combinação que funciona no maior número de celulares. O gerador de QR Code personalizado permite escolher a cor dos módulos e a do fundo, e aplica as regras acima: a cor dos módulos tem que ser a mais escura das duas, o contraste precisa ser de pelo menos 4,5:1 e códigos invertidos são recusados. Os downloads em PNG e SVG levam as cores que você escolheu.

Você também pode baixar o SVG e mudar a cor dos módulos em um programa de design como Illustrator, Affinity, Inkscape ou Figma — útil para acertar uma cor exata de impressão. Como o código é feito de formas vetoriais simples, trocar o preenchimento é um passo só, mas aí nada confere o contraste por você. Por que o SVG é o arquivo certo para isso está em PNG vs SVG. De qualquer forma:

1. Mude primeiro só a cor dos módulos, mantendo o fundo branco e a zona de silêncio.
2. Confira a versão em tons de cinza: os módulos devem continuar quase pretos.
3. Imprima ou exiba no tamanho final, no material final.
4. Escaneie com pelo menos três celulares, incluindo um mais antigo, com pouca e com muita luz.
5. Se algum deles hesitar, escureça a cor ou volte para o preto.

Se um código recolorido parar de ler, o guia de solução de problemas passa pelos outros suspeitos de sempre antes de você culpar a cor.

Escolha as cores com o contraste conferido para você:Personalizar um QR Code