Design de QR Codes

Cores nos QR Codes: como personalizá-los sem que parem de funcionar

Guia para usar cores, degradês e fundos nos seus QR Codes mantendo a legibilidade: contraste mínimo, combinações que funcionam, erros que você deve evitar e como testá-los.

Cores nos QR Codes: como personalizá-los sem que parem de funcionar

Um QR Code em preto e branco funciona perfeitamente, mas passa despercebido. Um código com as cores da sua marca chama a atenção, transmite profissionalismo e combina melhor com sua embalagem, seu site ou seu cartaz. O problema é que nem todas as cores funcionam: alguns designs lindos simplesmente não podem ser escaneados. Neste guia, explicamos como escolher cores para seus QR Codes sem sacrificar a leitura.

Como um leitor de QR «vê» as cores

O leitor de QR Codes não interpreta as cores como tais. Ele converte a imagem para escala de cinza e decide, para cada módulo, se é escuro ou claro. Por isso o que importa não é qual cor você usa, mas a diferença de luminosidade entre os módulos e o fundo. Um azul-marinho sobre branco funciona tão bem quanto o preto; um amarelo sobre branco, quase nunca.

Regra 1: módulos escuros sobre fundo claro

É a regra mais importante. Os módulos (os «pontos» do código) devem ser mais escuros que o fundo. Se você inverter o esquema, com módulos claros sobre fundo escuro, muitos leitores, sobretudo os de câmeras antigas e alguns aplicativos, não reconhecerão o código. Embora alguns celulares modernos consigam lê-lo, não vale a pena correr o risco em um material impresso.

Regra 2: contraste suficiente

Como referência, procure um contraste de pelo menos 4:1 entre módulos e fundo, semelhante ao recomendado para textos legíveis na web. Na prática:

CombinaçãoResultado
Preto sobre brancoExcelente
Azul-marinho sobre brancoExcelente
Verde-escuro sobre cremeMuito bom
Vermelho-escuro sobre brancoBom
Cinza médio sobre brancoArriscado
Amarelo ou azul-claro sobre brancoNão funciona
Branco sobre preto (invertido)Não recomendado

Na dúvida, converta seu design para preto e branco em qualquer editor de imagens: se o código ficar nítido em escala de cinza, vai funcionar.

Degradês: sim, mas com cuidado

Os degradês dão um aspecto moderno e atraente. Para que funcionem:

  • Use degradês entre duas cores escuras, por exemplo de azul a roxo ou de verde-escuro a azul-petróleo.
  • Evite que o degradê termine em uma cor clara, porque os módulos dessa área vão se confundir com o fundo.
  • Aplique o degradê aos módulos e mantenha o fundo liso e claro.

No gerador de QR Code do QRcrea você pode aplicar degradês lineares ou radiais e ver na pré-visualização como fica.

Cores dos olhos

Os três quadrados grandes dos cantos, chamados «olhos» ou padrões de posição, podem ser coloridos separadamente. É um recurso muito eficaz para dar personalidade: módulos em preto e olhos na cor da sua marca, por exemplo. Mantenha também nos olhos a regra de escuro sobre claro.

Fundos

  • Fundo branco ou muito claro: a opção mais segura.
  • Fundo transparente: útil para colocar o código sobre um design, mas só se o que estiver embaixo for claro e liso.
  • Fundo com imagem ou textura: evite. As texturas confundem o leitor. Se o design exigir, coloque o código dentro de um quadro branco.

Não se esqueça da zona de silêncio: a margem clara ao redor do código. Se você colocar o código sobre um fundo colorido, deixe um quadro branco que inclua essa margem.

Cores da marca: como adaptá-las

Muitas marcas têm cores claras ou vibrantes (amarelo, laranja, turquesa) que não funcionam para os módulos. Algumas soluções:

  1. Use uma versão escura da cor da sua marca para os módulos.
  2. Use a cor da marca nos olhos ou na moldura, e preto ou azul-escuro nos módulos.
  3. Use a cor da marca como fundo do quadro que envolve o código, deixando o código em si sobre branco.
  4. Coloque seu logotipo no centro para reforçar a identidade sem comprometer o contraste.

Impressão: as cores mudam

As cores da tela (RGB) não são exatamente iguais às impressas (CMYK). Um azul brilhante na tela pode sair mais apagado no papel, e um cinza médio pode ficar claro demais. Por isso:

  • Peça uma prova de impressão antes da tiragem completa.
  • Baixe o código em formato vetorial (SVG, PDF ou EPS) para que a gráfica possa ajustar as cores.
  • Evite tintas metálicas ou fluorescentes nos módulos: elas refletem a luz e dificultam a leitura.

Teste sempre

Antes de aprovar um design, escaneie-o:

  1. Com pelo menos dois celulares diferentes, sendo um deles intermediário ou básico.
  2. Com pouca luz e com luz forte.
  3. Da distância real de onde será escaneado.
  4. Impresso, não apenas na tela.

Perguntas frequentes

Posso fazer um QR Code de uma única cor que não seja preta?

Sim, desde que seja uma cor escura sobre um fundo claro. Azul-marinho, verde-escuro, bordô, roxo ou marrom-escuro funcionam muito bem.

Os QR Codes coloridos escaneiam pior?

Não, se o contraste for bom. Um código azul-escuro sobre branco escaneia igual a um preto.

Posso colocar o código sobre uma foto?

Não diretamente. Coloque o código dentro de um quadro branco com sua zona de silêncio e posicione esse quadro sobre a foto.

Conclusão

Personalizar a cor dos seus QR Codes é uma forma simples de torná-los mais atraentes e coerentes com a sua marca, desde que você respeite três regras: módulos escuros sobre fundo claro, contraste suficiente e fundo liso com margem. Use degradês escuros, pinte os olhos com a cor da sua marca e teste sempre o resultado impresso. Crie seu código colorido no gerador de QR Code do QRcrea e veja na hora como fica.

Pronto para criar seu código QR?

Personalize com suas cores e seu logo e baixe grátis em segundos.

Criar código QR
Rolar para cima