QR Code colorido funciona? Como escolher cores sem perder a leitura

QR Code colorido funciona, sim, desde que os pontos sejam bem mais escuros que o fundo. A câmera não liga para a cor em si, e sim para a diferença entre claro e escuro: azul-marinho no branco lê praticamente tão bem quanto preto, enquanto amarelo no branco quase some.

Por que um QR Code colorido lê ou falha?

O leitor de QR Code não enxerga "azul" ou "verde". Ele transforma a imagem em claro e escuro e procura o desenho dos módulos, os quadradinhos que formam o código. Se pontos e fundo viram dois cinzas parecidos, o desenho desaparece.

Um QR Code colorido funciona quando os pontos são bem mais escuros que o fundo, qualquer que seja a cor. Vermelho sobre verde parece contrastante para o olho, mas as duas cores têm quase a mesma claridade: para o leitor, é cinza sobre cinza.

Essa diferença tem medida. A razão de contraste, a mesma conta que as diretrizes de acessibilidade da web (WCAG, do W3C) usam para texto, vai de 1:1, quando não há diferença nenhuma, a 21:1, que é preto no branco. Quanto maior o número, mais folga o QR tem para luz fraca, papel desbotado e lente engordurada.

Quais cores funcionam no QR Code e quais falham?

A tabela mostra combinações comuns, com o contraste calculado pela fórmula da WCAG. Os códigos hex são exemplos de cada tom.

Repare no amarelo: como ponto, ele some; como fundo, com pontos pretos, dá 15:1. A regra vale para qualquer cor clara. Ela pode entrar no QR, desde que fique do lado do fundo.

O caso do vermelho

Vermelho vivo engana. No celular, costuma ler, porque vira um cinza escuro o bastante. O problema são os leitores que iluminam o código com luz vermelha, como muitos aparelhos de caixa de loja e de controle de acesso: sob luz vermelha, tinta vermelha reflete quase como papel branco, e o QR some. Por isso a GS1, entidade que define os padrões de código de barras do comércio, recomenda evitar barras vermelhas ou avermelhadas. Se o QR vai passar por um desses leitores, fique no preto, no azul-escuro ou no verde-escuro.

QR Code invertido, claro no fundo escuro, funciona?

QR Code invertido é aquele com pontos claros sobre fundo escuro. Ele lê nos celulares mais novos, mas pode falhar em leitores antigos e em alguns apps, porque o padrão do QR é ponto escuro em fundo claro e nem todo leitor tenta a versão ao contrário.

O exemplo clássico é o dourado sobre preto dos convites chiques. E trocar o fundo para branco não resolve: dourado sobre branco dá só 2,1:1. A saída elegante é um quadrado claro atrás do QR, em branco ou creme, com a margem incluída, e o dourado na moldura. Tem mais ideias no post de QR Code no convite de casamento.

Entre os 8 estilos prontos do gerador, o Noite (o último da fila) é o único invertido: creme sobre azul-noite. Ele fica bonito em tela e em post, mas o teste de leitura avisa do risco assim que você o escolhe.

Dá para usar degradê ou foto no fundo do QR Code?

Degradê nos pontos pode funcionar, com uma condição: a ponta mais clara do degradê ainda tem que ser escura. Azul-marinho indo para roxo-escuro passa. Preto indo para amarelo não passa, porque a metade amarela do código some. O gerador daqui usa cor sólida nos pontos, que é o caminho mais seguro. Se quiser degradê, aplique no arquivo vetorial, num programa de design, e teste de novo. A diferença entre PNG e SVG no QR Code explica por que o SVG é o arquivo certo para isso.

Degradê no fundo é pior: um lado do QR fica com bom contraste e o outro não. Foto atrás do código é receita de falha, porque as manchas da imagem se misturam aos módulos e a câmera não acha o contorno. Se a arte tem foto, coloque o QR num quadro liso e claro, com a margem de 4 módulos livre em volta.

Como usar as cores da marca no QR Code?

1. Pegue os códigos hex no manual da marca ou com quem fez a logo. É algo como #1A4D8F, e o gerador aceita qualquer um.
2. Ponha a cor mais escura da paleta nos pontos. Se nenhuma é escura, escureça a principal: azul-celeste vira azul-marinho, rosa vira vinho, verde-limão vira verde-garrafa.
3. Use branco, creme ou o tom mais clarinho da paleta no fundo.
4. Guarde a cor vibrante para a moldura e para a chamada, como "Aponte a câmera e veja o cardápio". Marca amarela ou laranja? Ela vai no fundo, com os pontos escuros.
5. Confira o teste de leitura e só baixe quando ele disser que lê bem.
6. Imprima uma prova no material final. A cor impressa quase nunca sai igual à da tela, e às vezes os pontos clareiam.

A logo no meio do QR tem regras próprias de tamanho e de correção de erro, explicadas no post sobre QR Code com logo.

Os estilos prontos e os formatos atrapalham a leitura?

Os 8 estilos prontos são combinações já testadas: Clássico, Papel, Laranja, Azul, Roxo, Verde, Rosa e Noite. Os sete primeiros têm pontos escuros sobre fundo claro, todos acima de 5:1 de contraste (o mais justo é o Laranja, com 5,2:1). Para um QR que vai passar em leitor de caixa ou de catraca, prefira Clássico, Papel, Azul ou Verde, que não puxam para o vermelho.

O formato dos pontos (quadrado, arredondado, bolinhas, folha ou gotinha) e o dos cantos (quadrado, arredondado ou redondo) mudam o visual, não o conteúdo. Um cuidado: bolinhas e gotinha arredondam os módulos e deixam mais espaço claro entre eles. Em QR pequeno, como o de cartão de visita, ou em papel que borra, quadrado e arredondado dão mais segurança.

Os três quadrados grandes dos cantos são as marcas de posição, por onde a câmera encontra o código. No gerador, eles saem sempre na cor dos pontos, então acompanham o contraste do resto do QR.

Como o teste de leitura avisa que a cor pode falhar?

Aqui no QR Code Grátis Pra Sempre, cada mudança de cor ou de formato dispara um teste: o site desenha o QR, tenta ler o próprio código e mostra o resultado embaixo da prévia. São quatro respostas possíveis:

• Lê bem: pode baixar. Com fundo transparente, o aviso lembra de usar o QR sobre fundo claro.
• Contraste baixo: o site leu, mas o contraste ficou abaixo de 3,2:1. Escureça os pontos.
• QR invertido: leu, mas pontos claros em fundo escuro falham em leitores antigos.
• Não conseguimos ler: aumente o contraste ou volte ao estilo Clássico, o primeiro da fila.

O teste pega os erros de cor antes da gráfica, mas não substitui a prova impressa: ele não sabe o tamanho em que o QR vai sair nem a luz do lugar. Se o QR já foi impresso e não lê, o guia QR Code não funciona? 12 motivos e como resolver ajuda a achar o culpado.

Criar QR Code colorido grátis