As melhores cores para códigos QR são módulos escuros (os quadrados) em um fundo claro, e sim, os códigos QR podem ser coloridos. A regra é simples: os módulos devem ser claramente mais escuros que o fundo. Preto no branco oferece uma proporção de contraste de 21:1 e é a escolha mais segura. Para um código com marca, vise pelo menos 4:1 e use 7:1 ou mais para sinalização externa, onde a luz solar e a distância diminuem o contraste efetivo. Este guia fornece os números, uma tabela de cores e uma rotina de teste.
Quais Cores de Código QR Funcionam e os Códigos QR Podem Ser Coloridos?
Um código QR pode ter quase qualquer cor, e pode usar cores diferentes para os módulos e o fundo. A câmera de um telefone não vê a tonalidade. Ela converte a imagem para tons de cinza e decide, quadrado por quadrado, o que é escuro e o que é claro. Então a questão não é qual cor você escolhe, mas o quão diferentes são os dois valores de escala de cinza.
- Funciona: módulos azul marinho, verde escuro, carvão, roxo escuro, marrom escuro ou preto em fundo branco, creme ou outro fundo muito claro.
- Funciona com um teste: vermelho escuro, verde-azulado escuro e laranja escuro em branco. Verifique a proporção primeiro e digitalize uma prova impressa.
- Não funciona: módulos amarelos, cinza claro, pastel ou neon, e qualquer par de cores com o mesmo brilho, como verde médio em vermelho médio.
- Arriscado: módulos claros em um fundo escuro (códigos invertidos). Muitos aplicativos de scanner os leem, mas alguns não, então evite-os em qualquer coisa que importe.
Por Que o Contraste Controla a Capacidade de Leitura do Código QR
Sensores ópticos leem códigos QR medindo a diferença de refletância entre módulos escuros e claros. O padrão de código QR, ISO/IEC 18004, assume módulos escuros em um fundo claro. Módulos escuros absorvem luz e o fundo claro a reflete. Se a diferença for muito pequena, o decodificador não consegue separar o padrão de dados do fundo.
No teste de código de barras (ISO/IEC 15415), o contraste do símbolo é a diferença entre a refletância mais clara e mais escura no código. Um contraste de símbolo de 70% ou mais recebe a nota máxima, e abaixo de 20% é reprovado. Os avaliadores também verificam a modulação, que mostra a uniformidade com que os módulos claros e escuros refletem em todo o símbolo. Cores irregulares ou separação fraca fazem com que o scanner perca as bordas do módulo.
A polaridade normal, com módulos escuros em um fundo claro, funciona em todos os dispositivos. Alguns aplicativos de câmera de celular integrados não conseguem ler códigos claros em fundos escuros, e o suporte difere por modelo de telefone e versão de software. Use a polaridade normal, a menos que você tenha testado a versão invertida nos dispositivos que seu público usa.
Avaliando Proporções e Limiares de Contraste de Cores
A proporção de contraste é um número de 1:1 (nenhuma diferença) a 21:1 (preto no branco). A proporção vem das regras de acessibilidade nas Web Content Accessibility Guidelines (WCAG), que foram escritas para texto, mas são uma forma prática de verificar as cores do QR. Um verificador de contraste (pesquise por "WCAG contrast checker") aceita dois códigos hexadecimais e retorna a proporção. Para saber mais sobre design inclusivo, leia nosso guia sobre Como deixar QR Codes em conformidade com a ADA.
Use esses alvos. Pelo menos 4:1 é o mínimo para impressão interna e telas. 7:1 ou mais é mais seguro para embalagens, folhetos e qualquer coisa fotografada em luz variada. 10:1 ou mais é o alvo para sinalização externa. As proporções abaixo são aproximadas e dependem da tonalidade exata.
| Combinação de Cores | Proporção de Contraste Aproximada | Avaliação de Escaneabilidade |
|---|---|---|
| Preto sobre Branco | 21:1 | Ideal (padrão da indústria) |
| Azul Marinho sobre Bege | ~15:1 | Excelente |
| Azul Escuro sobre Amarelo Claro | ~12:1 | Muito Bom |
| Marrom Escuro em Branco Off-White | ~8:1 | Bom |
| Vermelho Puro (#FF0000) em Branco | ~4:1 | Limítrofe, teste antes de imprimir |
| Vermelho Escuro (#8B0000) em Branco | ~11:1 | Muito Bom |
| Cinza Claro em Branco | ~1.5:1 | Ruim (falhas frequentes de leitura) |
| Amarelo em Branco | ~1.1:1 | Inescaneável |
Personalize Códigos Sem Sacrificar a Escaneabilidade Teste cores e visualize seu design em tempo real usando nosso Gerador de QR Code com Logo para equilibrar a estética da marca com a leitura confiável.
Melhor Proporção de Contraste de Código QR para Sinalização Externa
Nenhum padrão estabelece uma proporção exigida para códigos QR externos, mas as condições externas reduzem o contraste de três maneiras: o sol direto apaga as áreas claras, o brilho esconde partes do código e a distância borra módulos pequenos. Planeje uma margem de segurança maior do que faria em ambientes internos.
- Use preto ou uma cor muito escura sobre branco. Busque uma proporção de 10:1 ou superior.
- Imprima em material fosco ou adicione uma laminação fosca. Vinil e vidro brilhantes refletem o sol e quebram o padrão.
- Dimensione o código para a distância de leitura. Uma regra comum é 1 unidade de largura do código para cada 10 unidades de distância, então um código lido a 2 metros (cerca de 6,5 pés) deve ter cerca de 20 cm (8 polegadas) de largura.
- Mantenha a zona silenciosa completa e coloque o código em um painel claro e sólido em vez de uma foto.
- Evite colocar o código onde ele enfrente o sol baixo ou fique atrás de vidro, e escaneie a placa impressa no local real antes de encomendar uma tiragem completa.
Contraste de Código de Barras: Códigos QR vs Códigos de Barras Lineares
As mesmas regras de contraste se aplicam a outros códigos de barras de alto contraste, como Code 128 ou EAN. Scanners de varejo frequentemente usam um laser vermelho, e a luz vermelha não vê barras vermelhas ou tinta vermelha como escuras. Para códigos de barras lineares, imprima as barras em preto, azul escuro ou verde escuro sobre branco, e nunca em vermelho ou laranja. Códigos QR lidos por uma câmera de telefone são menos sensíveis à tonalidade, mas o mesmo conselho oferece o resultado mais confiável para ambos.
Protegendo a Zona Silenciosa e as Dimensões do Código
O alto contraste deve se estender até a borda do código. A margem em branco ao redor do padrão é a zona silenciosa. Ela informa à câmera onde o código começa e onde outras artes terminam.
- Mantenha uma zona silenciosa de pelo menos quatro larguras de módulo em todos os quatro lados.
- Mantenha esta margem livre de texto, ilustrações e bordas.
- Combine a zona silenciosa com a cor de fundo clara para que o limite seja limpo.
- Imprima códigos de pelo menos 2 x 2 cm (0.8 x 0.8 inches) para leitura próxima e manual. Aumente o tamanho para links mais longos, pois mais dados significam módulos menores.
- Prefira um link curto. Um URL curto cria um padrão mais simples com módulos maiores que digitalizam melhor em condições de pouca luz.
Texto ou arte dentro da zona de silêncio é uma causa frequente de erros de digitalização em materiais de marca. Nosso guia para melhores práticas para legibilidade de códigos QR mostra como manter as margens ao ajustar seu layout.
Evitando Erros Comuns de Cores e Estilização
Personalizar um código pode prejudicar a legibilidade. As câmeras convertem a imagem para tons de cinza, então duas tonalidades diferentes podem acabar com o mesmo brilho e se fundir em um único cinza.
- Evite módulos pastel como azul-bebê, menta ou amarelo-pálido.
- Evite módulos vermelhos ou laranjas brilhantes. Scanners a laser leem o vermelho como luz, e a taxa de contraste é frequentemente inferior a 5:1. Um vermelho escuro como o bordô é muito mais seguro.
- Evite gradientes onde a parte mais clara da cor do módulo está próxima ao fundo.
- Evite fundos transparentes sobre fotos, papel texturizado ou embalagens estampadas. Coloque o código em um painel claro e sólido.
- Evite designs invertidos com módulos claros em um fundo escuro, a menos que você os tenha testado nos telefones que sua audiência usa.
- Evite logotipos grandes. Um logotipo que cobre muitos módulos pode exceder a correção de erro do código.
Conhecer esses limites permite que você aprenda como criar um código QR personalizado que exibe sua marca sem quebrar a decodificação.
Testando e Validando em Ambientes Reais
Um código que digitaliza de um monitor brilhante pode falhar no papel. A luz ambiente, o ângulo de visualização e a textura do material alteram o contraste que atinge a lente. O sol direto apaga pequenas diferenças de cor, quartos escuros reduzem a capacidade do sensor de separar módulos, e acabamentos brilhantes adicionam brilho.
Execute esta verificação antes de cada trabalho de impressão:
- Verifique o par de cores em um verificador de contraste. A proporção deve ser de pelo menos 4:1, e 7:1 ou mais para embalagens e uso externo.
- Imprima uma prova no material real, no tamanho real, com o acabamento real.
- Digitalize-o com a câmera embutida de pelo menos um iPhone e um telefone Android, um telefone mais antigo se puder, e um baseado em navegador Leitor de QR Code.
- Escaneie na pior iluminação que o código enfrentará: ambiente escuro, sol direto e em ângulo.
- Se ele hesitar, aumente o contraste, amplie o código, encurte o link ou restaure a zona silenciosa.
Nosso guia sobre Como testar um QR code antes de imprimir aborda isso em mais detalhes, e como melhorar a legibilidade do código QR aborda correções para códigos que falham.
Maximizando a Confiabilidade e o Engajamento do Código QR
Trate o contraste como um requisito técnico, não como um toque final. Escolha uma cor escura em um fundo claro, mantenha a zona silenciosa e teste uma prova impressa sob a luz que ela enfrentará. Isso protege seu orçamento de impressão contra códigos que não escaneiam.
Crie seu código de alto contraste com nosso gerador de código QR. Defina as cores do módulo e do fundo, e baixe um PNG, SVG ou PDF. Se você imprimir um código e precisar alterar o link mais tarde, use um código dinâmico: você pode editar o destino após a impressão e ver as estatísticas de escaneamento. Os códigos dinâmicos vêm com um teste gratuito de 14 dias, e os planos estão listados em https://pageloot.com/pricing/.
Perguntas frequentes
Procure uma proporção de pelo menos 4:1 entre os módulos e o fundo. Use 7:1 ou mais para embalagens e folhetos, e 10:1 ou mais para sinalização exterior. Preto no branco é 21:1.
Sim. Qualquer cor funciona se os módulos forem visivelmente mais escuros que o fundo. Azul-marinho profundo, verde-floresta, carvão e bordô sobre branco ou creme funcionam bem. Amarelo, cinza claro e tons pastel não funcionam.
Os módulos e o fundo podem ter cores diferentes, e você pode usar qualquer tonalidade, mas apenas a diferença de brilho importa. Um telefone lê o código em escala de cinza, então duas cores com brilho igual falharão. Verifique a proporção e digitalize uma prova impressa.
Não existe um padrão oficial. Uma proporção de 10:1 ou superior é um objetivo seguro, como preto no branco. Use um acabamento fosco para reduzir o brilho, dimensione o código para cerca de 1/10 da distância de leitura, e teste-o no local.
Sim, se a cor da sua marca for escura o suficiente, como azul-marinho profundo, verde-floresta ou carvão, e estiver sobre um fundo claro e uniforme. Se a cor da sua marca for clara, use um tom escuro dela para os módulos.
O padrão QR define módulos escuros em um fundo claro. Muitos aplicativos de câmera procuram esse padrão primeiro, e alguns não conseguem ler módulos claros em um fundo escuro. O suporte varia de acordo com o telefone, então teste antes de imprimir.
Sim. Códigos de barras lineares como Code 128 ou EAN também precisam de barras escuras em um fundo claro. Scanners a laser de varejo usam luz vermelha, portanto, nunca imprima as barras em vermelho ou laranja.
