QR Code colorido: quais cores funcionam, quais falham e como testar o contraste

Publicado em 27/10/2026 por Equipe QR Code Já · 9 min de leitura

O QR Code preto e branco funciona sempre, mas nem sempre combina com a identidade visual de uma marca. A boa notícia é que o código pode ter cor. A má notícia é que muitas escolhas de cor que parecem bonitas na tela do designer simplesmente não são lidas pelo celular — e o problema só aparece depois que milhares de peças já foram impressas.

Este texto explica como o leitor "enxerga" as cores, quais combinações são seguras, quais são arriscadas e como fazer um teste simples antes de mandar para a gráfica. No gerador do QR Code Já, você pode escolher a cor dos módulos — com a condição de que ela seja escura, sobre o fundo branco.

Como o leitor enxerga um QR Code

A câmera do celular capta a imagem colorida, mas o programa de leitura praticamente descarta a cor. Ele converte a imagem em tons de cinza e, depois, decide para cada módulo se ele é "escuro" ou "claro". Esse processo se chama binarização.

O que importa, portanto, é a diferença de luminosidade entre os módulos e o fundo — e não a cor em si. Um azul-marinho e um vermelho-vivo podem ter a mesma aparência de "cor forte" para nós, mas em escala de cinza o azul-marinho é muito escuro, enquanto o vermelho fica num cinza médio. Um amarelo, por mais vibrante que pareça, vira um cinza quase branco.

Além disso, o leitor espera, por padrão, módulos escuros sobre fundo claro. Essa é a convenção da norma ISO/IEC 18004, que define o QR Code. A versão invertida — módulos claros sobre fundo escuro — é reconhecida por muitos aplicativos, mas não por todos.

Cores seguras para os módulos

As cores que funcionam bem são as que continuam escuras quando convertidas para cinza:

• Preto — a referência, com contraste máximo.
• Azul-marinho e azul-escuro — excelentes, e combinam com muitas marcas.
• Verde-escuro — verde-garrafa, verde-musgo, verde-bandeira escuro.
• Vinho, bordô e marrom-escuro — boas opções para restaurantes, vinícolas, cafés.
• Roxo-escuro e grafite — seguros enquanto não clareiam demais.

Cores arriscadas ou que falham

• Amarelo, dourado claro, bege — quase brancos em escala de cinza. Falham com frequência.
• Rosa, lilás, azul-bebê e outros tons pastel — contraste insuficiente com o fundo branco.
• Laranja e verde-limão — claros demais na maioria das variações.
• Vermelho-vivo — fica num cinza médio; pode funcionar em câmeras boas e boa luz, mas falha em condições ruins. Além disso, leitores a laser de luz vermelha, comuns em caixas de supermercado e depósitos, enxergam o vermelho praticamente como branco.
• Cinza-claro — por definição, pouco contraste.

A regra prática: se você não conseguiria ler um texto pequeno escrito naquela cor sobre aquele fundo, o leitor de QR Code também vai ter dificuldade.

O fundo: claro, liso e sem estampa

O fundo é tão importante quanto os módulos. Ele deve ser:

• Claro — branco é o ideal; creme, cinza muito claro e tons pastel bem suaves funcionam se os módulos forem bem escuros.
• Liso — sem textura forte, padrões, gradientes intensos ou fotos por trás.
• Contínuo na margem — a zona de silêncio de quatro módulos em volta do código precisa ter a mesma cor clara do fundo. Uma foto ou estampa encostada no código atrapalha a localização das bordas.

Quando a peça tem fundo escuro ou estampado — uma embalagem preta, um cartaz com foto —, a solução é colocar o código dentro de um quadro branco, com margem. É a forma mais simples de manter a identidade visual da peça e garantir a leitura.

QR Code invertido: claro sobre escuro

Códigos brancos sobre fundo preto fazem sucesso em peças de visual sofisticado. O problema é que parte dos leitores não reconhece a inversão. Os aplicativos de câmera mais recentes costumam ler, mas aplicativos mais antigos, leitores de bancos e equipamentos industriais podem falhar.

Se a peça vai ser lida por um público amplo — clientes de uma loja, convidados de um evento, pagadores de um Pix —, não arrisque: use módulos escuros num quadro claro. A inversão só faz sentido quando você sabe com que aparelhos o código será lido e testou neles.

Degradês e várias cores

É possível fazer o código com degradê ou com módulos em cores diferentes, desde que todas as partes continuem escuras o bastante. Um degradê que vai do azul-marinho ao roxo-escuro funciona; um que vai do azul-marinho ao azul-claro pode falhar justamente na parte clara.

Atenção especial aos três quadrados dos cantos, os padrões de localização. São eles que o leitor procura primeiro. Muitos designers gostam de colori-los com a cor de destaque da marca; isso é aceitável apenas se essa cor também for escura.

Problemas da impressão

Da tela para o papel

A cor que aparece no monitor (RGB) é convertida para as tintas da gráfica (CMYK), e nessa conversão muitos tons perdem força. Um azul que parecia escuro na tela pode sair mais claro no papel. Peça uma prova impressa antes da tiragem.

Papel kraft, papel colorido e papelão

Em papel kraft (pardo), o fundo já é escuro. O contraste com módulos pretos cai bastante, e qualquer cor que não seja preto puro fica arriscada. Em embalagens kraft, é comum imprimir um quadro branco antes do código — ou usar etiqueta branca adesiva.

Tinta metálica, hot stamping e verniz

Dourado, prateado e acabamentos metálicos refletem a luz de forma irregular: dependendo do ângulo, o mesmo módulo parece claro ou escuro. Verniz brilhante e plastificação também criam reflexos. Para a área do código, prefira tinta comum e acabamento fosco.

Materiais transparentes

Em vidro, acrílico e embalagens transparentes, o "fundo" é o que estiver atrás da peça. Um código impresso num pote transparente pode funcionar com um produto claro dentro e falhar quando o pote estiver vazio. A solução é imprimir uma base branca sob o código.

Tecido, madeira e gravação a laser

Em tecido, bordado e madeira, a textura do material interfere. Gravação a laser em madeira escura produz módulos mais claros que o fundo — ou seja, um código invertido. Teste sempre no material real.

Em telas e no modo escuro

Códigos exibidos em sites, aplicativos e apresentações precisam do mesmo cuidado. Com o modo escuro cada vez mais comum, um código com fundo transparente pode aparecer como módulos pretos sobre fundo preto — invisível. Ao publicar um QR Code numa página, use uma imagem com fundo branco próprio, incluindo a margem.

Telas com brilho muito baixo também reduzem o contraste. Em totens e painéis, mantenha o brilho adequado ao ambiente.

Cor e logotipo juntos

Muitas marcas querem cor e logotipo no mesmo código. As duas personalizações gastam margem de segurança: a cor reduz o contraste, e o logotipo cobre parte dos módulos, que precisam ser recuperados pela correção de erro. Combinadas, aumentam o risco de falha. Se for usar as duas, escolha uma cor bem escura, um nível de correção alto e um logotipo pequeno. O artigo sobre QR Code com logo no centro e o guia de níveis de correção de erro explicam os limites.

Como levar a cor da marca para o código sem perder leitura

Nem sempre a cor principal da marca serve para os módulos. Uma marca amarela, laranja ou verde-limão, por exemplo, não vai conseguir um código legível na sua cor principal. Há caminhos que preservam a identidade visual sem sacrificar a leitura:

1. Use a variação mais escura da paleta. Quase todo manual de marca tem tons de apoio. Um laranja de marca costuma ter um marrom ou um grafite de apoio; um verde-claro costuma ter um verde-escuro.
2. Leve a cor para a moldura, não para os módulos. Mantenha os módulos pretos ou azul-marinho e aplique a cor da marca numa moldura em volta do quadro branco, na faixa da legenda ou no botão "Aponte a câmera". O código ganha a identidade da peça e continua com contraste máximo.
3. Escureça a cor da marca só no código. Uma versão mais escura do mesmo tom ainda é reconhecida como "a cor da marca" pelo público e passa no teste de contraste.
4. Use a cor na chamada. Uma legenda colorida e bem escrita, como "Veja o cardápio" ou "Pague com Pix", chama mais atenção para o código do que módulos coloridos.

Na prática, a segunda opção é a mais usada por agências: ela resolve o conflito entre design e leitura sem exigir testes extensos de cor.

Cores que mudam com o tempo

Um código que funcionava no dia da instalação pode parar de funcionar meses depois. Três situações são comuns:

• Sol e chuva: placas, adesivos e banners ao ar livre desbotam. Tintas coloridas perdem força mais rápido do que o preto, e o contraste cai aos poucos. Para áreas externas, prefira preto, materiais com proteção UV e laminação fosca.
• Etiquetas térmicas: etiquetas de balança, cupons e rótulos de expedição impressos por calor escurecem ou apagam com o tempo, a luz e o calor. Servem para códigos de vida curta, não para placas permanentes.
• Sujeira e gordura: em cozinhas, oficinas e balcões, uma película de gordura escurece o fundo e reduz o contraste. Materiais laváveis e posicionamento longe de respingos ajudam.

Por isso, inclua os códigos impressos na rotina de conferência do estabelecimento: uma leitura rápida por semana revela desbotamento antes que os clientes reclamem.

O teste em escala de cinza

Existe um teste simples que elimina a maior parte das dúvidas:

1. Abra a arte final num editor de imagens ou tire uma foto da prova impressa.
2. Converta a imagem para escala de cinza (preto e branco).
3. Observe: os módulos ainda parecem claramente escuros e o fundo claramente claro? Se tudo virou um cinza médio parecido, o contraste é insuficiente.
4. Leia o código convertido com o celular. Se ele lê com dificuldade em escala de cinza, vai falhar em condições reais.

Uma variação do mesmo teste é tirar uma fotocópia em preto e branco da prova. Fotocopiadoras são implacáveis com contraste baixo.

Teste na prática

Depois do teste em escala de cinza, faça a leitura real:

• com pelo menos dois celulares diferentes, incluindo um modelo mais simples ou mais antigo;
• em luz fraca, como num restaurante à noite, e em luz forte, como sob sol direto;
• à distância de uso prevista e com o tamanho real de impressão — veja o guia de tamanho mínimo para imprimir;
• com o leitor da câmera nativa e com o aplicativo de banco, se o código for de pagamento.

Exemplos de combinações

Perguntas frequentes

A cor muda o conteúdo do código?

Não. A cor é só aparência. O conteúdo — link, Pix, Wi-Fi — é o mesmo, e o código colorido é lido exatamente como o preto, desde que o contraste seja suficiente.

Por que o gerador não deixa escolher a cor do fundo?

Porque a combinação mais segura é módulo escuro sobre fundo branco. Se a peça tiver outro fundo, aplique o código dentro de um quadro branco na arte final, preservando a margem.

Posso imprimir o código em uma impressora só com tinta colorida?

Pode, desde que o resultado seja escuro. Muitas impressoras compõem um "preto" com as três cores quando o cartucho preto acaba, e o resultado costuma ser um marrom-escuro que ainda funciona. Se a impressão sair esverdeada ou acinzentada, troque o cartucho antes de imprimir os códigos.

Código colorido é lido mais devagar?

Com bom contraste, a diferença é imperceptível. Com contraste fraco, a leitura demora, exige aproximar o celular ou simplesmente não acontece.

Resumo

O leitor de QR Code enxerga luminosidade, não cor. Por isso, os módulos devem ser escuros — preto, azul-marinho, verde-escuro, vinho — sobre um fundo claro e liso, com a margem preservada. Evite amarelo, tons pastel, vermelho-vivo, códigos invertidos para o público geral, tintas metálicas e fundos transparentes sem base branca. Antes de imprimir, converta a arte para escala de cinza, leia com celulares diferentes e em luz variada. Se mesmo assim o código não for lido, consulte o guia sobre por que um QR Code não é lido.

• cores
• contraste
• impressão
• design