Por que o contraste não é negociável
QR codes chamativos com cores de marca personalizadas são comuns, mas combinações de cores que parecem visualmente distintas ao olho humano frequentemente não atingem o limiar de luminância de que os decodificadores dependem. Um decodificador de QR code funciona identificando módulos escuros sobre um fundo claro. O decodificador não vê cor: vê brilho relativo. Um módulo é escuro (abaixo de um limiar de luminância) ou claro (acima dele). Se a diferença de luminância entre a cor do módulo e a cor do fundo for pequena demais, o decodificador não consegue distingui-los de forma confiável e o código falha.
Por isso um QR code azul marinho escuro sobre um fundo cinza médio pode parecer visualmente distinto para um humano —a diferença de cor é óbvia— mas ainda assim não escanear: a diferença de brilho (contraste de luminância) é insuficiente.
Qual é o limiar de contraste
O padrão ISO/IEC 18004 (que regula os QR codes) exige uma diferença mínima de reflectância entre os elementos escuros e claros. Em termos práticos, isso se traduz em um requisito de proporção de contraste similar aos padrões de contraste de acessibilidade.
Para um escaneamento confiável, recomenda-se uma proporção de contraste mínima de 3:1 entre a cor do módulo e a cor do fundo. Preto (#000000) sobre branco (#FFFFFF) dá uma proporção de contraste de 21:1, o máximo possível.
O verificador de contraste de QR deste site calcula a proporção de contraste para qualquer combinação de cores hexadecimais de frente e fundo, e indica se atende ao limiar.
O problema da inversão
Um QR code branco sobre fundo escuro às vezes é chamado de QR code "invertido". Alguns decodificadores lidam bem com isso. Outros não, especialmente aplicativos de escaneamento mais antigos e muitos leitores de código de barras de ponto de venda.
Se seu design exige um fundo escuro, a abordagem mais segura é colocar o QR code sobre um retângulo branco inserido dentro do fundo escuro, em vez de inverter as cores dos módulos. Isso preserva a orientação padrão escuro sobre claro enquanto funciona dentro de um design escuro.
Falhas de contraste comuns em produção
QR codes com cores de marca. Uma empresa usa seu azul de marca (#003087) como cor de módulo. Sobre um fundo cinza claro, o código parece com a marca. Mas se esse cinza for #d0d0d0, a proporção de contraste é de cerca de 4,5:1, o que é marginal. Sobre um fundo médio (#b0b0b0), pode cair abaixo de 3:1 e começar a falhar em alguns scanners.
Fundos com gradiente. Um QR code colocado sobre um fundo com gradiente que vai de claro a escuro terá contraste adequado em uma metade e falhará na outra. A região de pior desempenho determina se o código escaneia em geral.
Papel ou papelão colorido. Um código impresso em tinta preta sobre papelão creme, bege ou colorido escaneará bem. Um código impresso com tinta colorida sobre qualquer papelão colorido pode não funcionar. A reprodução da sua cor de tinta no substrato real importa: sempre teste uma amostra física.
Mudanças de cor da tela para impressão. Cores que parecem de alto contraste na tela às vezes mudam significativamente na impressão. Uma cor de módulo azul-esverdeado escuro que parece escuro em um monitor calibrado pode ser impressa significativamente mais clara em papel sem revestimento. Solicite uma prova de cor antes de uma tiragem de produção.
Transparência e sobreposições. QR codes colocados sobre imagens ou texturas herdam os problemas de contraste do que está atrás deles. Um código colocado sobre uma fotografia com regiões claras e escuras variáveis terá contraste inconsistente na área do código.
Arte com QR code. Designs que integram imagens, gradientes ou ilustrações na área dos módulos frequentemente sacrificam o contraste de luminância em favor do efeito visual. Se a arte incorporada clarear os módulos escuros ou escurecer o fundo, o código falhará precisamente nessas regiões.
A abordagem segura
Se a confiabilidade importa mais do que a estética, use módulos pretos sobre fundo branco. Isso não é uma falha de design: é o padrão por um motivo.
QR codes criativos com cores personalizadas, logotipos ou estilo artístico são possíveis, mas cada escolha de design que se afasta do preto sobre branco reduz a margem de contraste. Se suas restrições de design exigem cor, siga estas regras:
- Os módulos escuros devem ser mais escuros do que o fundo claro, nunca mais claros.
- Calcule a proporção de contraste usando o verificador de contraste de QR antes de aprovar o design.
- Teste a saída impressa real, não apenas o mockup na tela.
- Mantenha a cor do módulo no intervalo escuro (luminância abaixo de 35%) e o fundo no intervalo claro (luminância acima de 65%) para uma margem confortável.
Verificar um QR code impresso existente
Se você tem um QR code impresso que não escaneia e o contraste é uma causa suspeita, fotografe-o sob iluminação consistente e carregue a imagem. Observe as cores do fundo e do módulo, então execute-as pelo verificador de contraste. Se a proporção for inferior a 3:1, o contraste é provavelmente o problema.
Usando o gerador de QR code de URL, regenere o código com módulos pretos sobre fundo branco, reimprima e confirme que escaneia de forma confiável antes de investigar outras causas.