Escolhendo Cores e Contraste
Como escolher cores para seu código QR que fiquem boas e escaneiem de forma confiável.
Cores fazem seu código QR se destacar, mas escolha errado e ele não vai escanear. Scanners QR funcionam detectando contraste entre áreas escuras e claras—quanto maior o contraste, mais confiável funciona.
Regra crítica
Contraste insuficiente é a causa #1 de falhas de escaneamento com designs personalizados. Isso é o que mais pega as pessoas.
O básico
Frente (os módulos escuros): Tradicionalmente preto. Pode ser qualquer cor escura. Precisa absorver luz.
Fundo (o espaço vazio): Tradicionalmente branco. Pode ser qualquer cor clara. Precisa refletir luz.
A regra de contraste
Mire em pelo menos 40% de contraste entre frente e fundo. Veja como diferentes combinações funcionam:
| Combinação | Funciona? |
|---|---|
| Preto no branco | ✅ Perfeito |
| Azul escuro no branco | ✅ Ótimo |
| Verde escuro no creme | ✅ Bom |
| Marinho no cinza claro | ✅ OK |
| Cinza no cinza claro | ❌ Muito baixo |
| Vermelho no rosa | ❌ Não escaneia |
Combinações seguras
Clássico (sempre funciona): Preto no branco. Qualquer cor muito escura no branco. Preto em qualquer cor muito clara.
Seguro para marca: Cor de marca escura no branco. Preto em cor de marca clara. Mantenha o contraste alto.
Criativo (teste cuidadosamente): Cores médias, cores complementares, gradientes—todos precisam de teste.
O que evitar
Combinações de baixo contraste: Escuro no escuro, claro no claro, tons similares. Estes simplesmente não escaneiam.
Cores de frente problemáticas: Amarelo (muito claro), cores neon/brilhantes (contraste ruim), pastéis.
Considerações de daltonismo: Combinações apenas vermelho/verde podem ser problemáticas. Cerca de 8% dos homens têm alguma forma de deficiência de visão de cores.
Fundos transparentes
PNG e SVG suportam transparência, o que pode ficar limpo e combinar com qualquer material. Mas aqui está o problema: você não controla em que fundo ele vai parar. Se alguém colocar seu código QR transparente em um fundo escuro, não vai escanear.
Se usar transparência, forneça diretrizes de posicionamento: "Use apenas em fundos brancos ou claros."
Gradientes
Gradientes podem ficar ótimos, mas ambas as pontas do gradiente precisam manter contraste com o fundo. Não deixe o gradiente desbotar para cores claras na frente—isso quebra a escaneabilidade. Mantenha todo o gradiente na faixa escura.
Testando suas cores
Nosso personalizador avisa se o contraste está muito baixo. Não ignore avisos.
Mas testes no mundo real são essenciais:
- Baixe o código QR
- Imprima (se for para uso impresso)
- Escaneie com iPhone e Android
- Tente diferentes distâncias (de perto e de alguns metros)
- Tente diferentes condições de iluminação
Impressão vs tela
Impressão: Cores ficam diferentes impressas do que na tela. Sempre imprima amostras de teste. Cor do papel afeta o fundo. Espaço de cor CMYK.
Tela: Mais tolerante que impressão. Teste em múltiplas telas (brilho varia).
Produtos/Embalagem: Considere a cor do material. Superfícies reflexivas são desafiadoras. Teste no material real se possível.
Problemas comuns
"Meu azul de marca não escaneia": Provavelmente é muito claro. Use um tom mais escuro especificamente para códigos QR.
"Fica ótimo na tela mas não impresso": Cores de tela e impressão diferem. Imprima amostras de teste e ajuste.
"O gradiente torna inescaneável": Gradiente provavelmente vai muito claro. Mantenha todo o gradiente da frente em tons escuros.
Perguntas comuns
Posso inverter cores (claro no escuro)? Alguns scanners suportam, mas é menos confiável. Não recomendamos.
Devo combinar exatamente as cores da minha marca? Se elas têm alto contraste, sim. Se não, use variantes mais escuras/claras especificamente para códigos QR.
Vai ficar igual quando impresso? Não. Sempre imprima amostras de teste.
Se você ainda está tendo problemas de escaneamento após ajustar cores, veja nosso guia de solução de problemas.