Verificador de contraste para QR code

Informe as cores em que o código é desenhado e a superfície atrás dele. O verificador devolve a razão de contraste do padrão e dos olhos de detecção, a diferença de luminância que uma câmera realmente vê e se o par é seguro para impressão.

A superfície atrás do código. Mantenha quase branca: clarear o fundo não substitui escurecer o código.

A cor dos módulos de dados.

Os três quadrados dos cantos. Eles precisam se destacar do fundo tanto quanto o padrão: um leitor encontra eles primeiro.

Prévia

Pronto para tela

6.70:1

Julgado por: Contraste do padrão

Bom num display, e aquém da margem que a impressão leva embora. Escureça o código antes de ele ir para o papel.

Onde isso cai

Piso do decodificadorMeta de impressão

Contraste do padrão

6.70:1

Contraste dos olhos

6.70:1

Diferença de luminância na câmera

176 / 255

Em 255, na ponderação BT.601 sobre a qual o canal de cinza de uma câmera é construído. A razão pondera o verde bem mais do que um sensor, então os dois números discordam ao máximo em cor saturada.

Quando uma cor de marca não chega à meta, escureça o código em vez de clarear o fundo - uma cor dois ou três passos mais escura costuma manter a identidade e dobrar a razão.

Contraste é a única variável que ninguém escolhe

Forma e tamanho de módulo são decisões que alguém toma para um QR code. A cor é herdada de uma paleta de marca escrita anos antes de alguém pensar em um - e por isso é a propriedade que mais falha, e a que este verificador existe para resolver. O raciocínio está no teste de contraste mínimo.

O que um decodificador realmente mede

Um celular não vê cor quando lê um QR code. Ele converte o quadro em um único canal de cinza e aplica um limiar em blocos pequenos, decidindo escuro ou claro para cada módulo contra a vizinhança imediata. Toda a tolerância de cor de um código se decide nesse passo.

  • O piso do decodificador fica perto de 1,24:1 - o ponto em que um binarizador comum deixa de tratar um bloco como tendo conteúdo - e está longe de ser onde se projeta.
  • A meta de tela é 4:1, que é onde o próprio selo de contraste do gerador fica verde.
  • A meta de impressão é 7:1, porque brancura do papel, ganho de ponto, reflexo e distância levam cada um a sua parte da margem.

Dois números que discordam

Uma razão de contraste pondera o verde em 71% do brilho percebido, seguindo o olho humano. O canal de cinza de uma câmera o pondera em 59% e não acrescenta termo de véu algum. As duas medidas concordam em cinzas e pretos e discordam ao máximo em cor saturada, que é justamente onde os QR codes falham.

Verde puro sobre branco é o caso mais claro: 1,37:1 como razão de contraste, mal acima do piso do próprio decodificador, mas uma diferença de luminância de 105 em 255 no canal de cinza de uma câmera. Um número chama de perdido e o outro de ruim. Nenhum chama de imprimível, e é por isso que esta página mostra os dois. Quais paletas saem inteiras do outro lado é o que os QR codes coloridos destrincham.

Como conferir as cores de um QR code

Quatro passos de uma paleta de marca a um par de cores que sobrevive à impressão.

Gerar QR code
  1. 1

    Informe o fundo primeiro

    A superfície atrás do código, e ela deve ser quase branca. Clarear um fundo não substitui escurecer um código: a reflectância no papel é limitada pelo material, então esse extremo da faixa já está gasto.

  2. 2

    Acrescente a cor do padrão

    A cor de marca exatamente como está especificada, antes de qualquer correção. Conferir primeiro a versão corrigida esconde o quanto a original estava longe da meta.

  3. 3

    Confira os olhos separadamente

    Os três quadrados dos cantos são o que um leitor localiza antes de ler um único módulo. Um código com módulos escuros e olhos pálidos falha no primeiro passo, e a razão do padrão nunca chega a ser testada.

  4. 4

    Leia a pior das duas

    Um QR code lê pelo seu par mais fraco, não pela média. O veredicto acima vem de qual dos dois - padrão ou olhos - tem menos margem.

Onde caem as escolhas de paleta mais comuns

Cinco cores sobre fundo branco, medidas dos dois jeitos: a razão que uma ferramenta de design mostra e a diferença de luminância que o canal de cinza de uma câmera vê, em 255.

Azul-marinho profundo - 17,9:1

Um marinho quase preto como #0f172a marca 17,9:1 com diferença de câmera de 232 em 255 - a um passo do 21:1 e 255 do preto puro, e ainda inconfundivelmente uma cor de marca. A escolha saturada mais segura que existe.

Azul - 8,6:1

Azul puro sobre branco dá 8,6:1 e 226 em 255, passando a meta de impressão nas duas medidas. O azul é o único matiz em que olho e câmera concordam, porque é o que menos pesa nas duas ponderações. Um azul médio como #1d4ed8 cai para 6,7:1: seguro em tela, por pouco insuficiente para impressão.

Vermelho e roxo - perto de 5:1

Vermelhos e roxos médios ficam perto de 5:1 sobre branco: ótimos para tela, aquém da meta de 7:1 da impressão. Escurecer dois ou três passos costuma resolver. Esses matizes também são os que mais perdem em CMYK, onde um vermelho RGB vibrante imprime mais apagado do que parecia no monitor.

Verde - de 2 a 3:1

A cor que funciona no mockup e falha na gôndola. Um verde de marca comum como #22c55e dá 2,28:1 sobre branco, abaixo da linha em que nada deveria ser publicado. Escurecido para #166534, dá 7,13:1 - ainda reconhecidamente o mesmo verde, agora passando a meta de impressão.

Claro sobre escuro

Um código invertido - módulos claros sobre fundo escuro - é legítimo e custa margem. A maioria das câmeras de celular atuais lê um; alguns leitores antigos e industriais pressupõem escuro sobre claro. Mantenha a razão bem acima de 7:1 e teste em hardware real antes de comprometer uma tiragem.

Regras que mantêm a cor legível

Dez hábitos que levam uma paleta de marca do arquivo de design até um código que ainda lê no papel.

  • Escureça o código, não o fundo

    O fundo precisa continuar quase branco para a reflectância sobreviver à impressão, então todo o ajuste cabe aos módulos escuros. Uma cor dois ou três passos mais escura costuma manter a identidade e mais que dobrar a razão.

  • Projete a 7:1 para tudo que for impresso

    4:1 é a meta de tela e 7:1 a de impressão, e a diferença entre elas é o que papel, ganho de ponto, reflexo e distância de leitura consomem. Trate 3:1 como a linha abaixo da qual nada sai, em qualquer meio.

  • Dê aos olhos de detecção o mesmo contraste

    Os três quadrados dos cantos são localizados antes de qualquer decodificação. Estilizá-los numa cor de destaque mais clara que o padrão é o jeito mais comum de um código lindo falhar logo no primeiro passo.

  • Nunca ponha um código sobre uma fotografia

    O limiar é calculado localmente, então uma fotografia inverte a decisão no meio do símbolo: o mesmo módulo escuro lê como escuro sobre um céu claro e como claro sobre uma sombra. Ponha o código sobre um bloco chapado.

  • Um degradê é mais seguro que uma foto

    Um degradê sobre os módulos mantém intacta em todo lugar a diferença local entre escuro e claro, que é tudo de que um binarizador precisa. Mantenha as duas pontas do degradê acima da meta, em vez de chegar à média dela.

  • Ponha a cor de marca na moldura

    O bloco atrás do código, o rótulo abaixo dele e a chamada ao lado podem levar a paleta em plena saturação. Nenhum deles custa um único ponto de contraste.

  • Confira a cor depois da conversão para CMYK

    Um vermelho ou verde RGB vibrante perde saturação e desloca em CMYK, e o par que importa é o impresso. Converta primeiro e confira aqui os valores convertidos, não os originais de tela.

  • Imprima os módulos escuros em 100% K

    Um preto rico de quatro chapas exige registro perfeito para segurar uma borda de módulo de 0,4 mm. A tolerância típica de registro em offset plano, em torno de 0,1 mm, é um quarto desse módulo, então o preto de uma chapa só mantém toda borda limpa.

  • Trate tintas metálicas e fluorescentes como não mensuráveis

    Ouro, prata, hot stamping e verniz localizado não têm valor de reflectância fixo - mostram o que estiver à frente deles, normalmente uma luminária. Nenhuma razão calculada a partir de um valor hexadecimal descreve isso.

  • Confirme o par em material impresso

    Uma razão é uma previsão sobre um arquivo. Imprima o código em tamanho final no material real, olhe sob a luz em que ele vai viver e leia com dois celulares diferentes antes de aprovar qualquer coisa.

O gerador do KoloQR com um QR code sendo desenhado e pronto para baixar

Teste as cores no gerador

O KoloQR, um gerador de QR code gratuito com QR codes circulares e de formas personalizadas, roda essa mesma checagem de contraste ao vivo sobre a prévia enquanto você edita a paleta - padrão, olhos e fundo.

Grátis, sem conta e sem marca d'água. Os códigos são gerados no seu navegador, então o destino nunca é enviado a um servidor.

Gerar QR code

Questions? Answered

Projete a 4:1 para tela e 7:1 para impressão, e trate 3:1 como a linha abaixo da qual nada deve ser publicado. Tecnicamente os decodificadores funcionam bem mais abaixo - um binarizador comum desiste por volta de 1,24:1 -, mas toda essa folga é gasta com brancura do papel, ganho de ponto, reflexo, distância e mão trêmula.

Pode. A maioria das câmeras de celular atuais lê um código invertido, embora alguns leitores antigos e industriais pressuponham módulos escuros sobre fundo claro. Um código invertido também gasta mais margem, então mantenha a razão confortavelmente acima de 7:1 e teste em hardware real antes de imprimir uma tiragem.

Porque o verde fica onde olho e câmera o avaliam mal contra o branco. Um verde de marca típico como #22c55e dá 2,28:1 sobre branco, abaixo da linha de publicação. Escurecido para #166534, dá 7,13:1 - o mesmo matiz, agora passando a meta de impressão com margem.

Precisam. Os três quadrados dos cantos são o que um leitor localiza antes de decodificar qualquer coisa, então um código com bom contraste de padrão e olhos pálidos falha no primeiro passo. Este verificador reporta os dois números e tira o veredicto do pior deles.

Porque um QR code é lido por uma câmera, não por um olho. Uma razão de contraste pondera o verde em 71% do brilho percebido; o canal de cinza de uma câmera o pondera em 59% e não acrescenta termo de véu. Os dois discordam ao máximo em cor saturada, e essa discordância é justamente o achado.

Um cinza-claro funciona se o par ainda passar a meta, mas custa margem à toa. O papel limita o quanto um fundo pode imprimir claro, então esse extremo da faixa já está gasto: cada ponto de contraste que um fundo cinza abre mão precisa ser retirado dos módulos escuros.

Não por si só. O que importa é a diferença entre os módulos e o que estiver atrás deles, medida localmente. Um tom pálido e chapado atrás de um código bem escuro costuma funcionar; o par que falha é uma cor de marca de meio-tom atrás de um código de meio-tom, independentemente de como cada uma parece sozinha.

É o máximo: 21:1 como razão e os 255 completos no canal de cinza de uma câmera. Nada supera isso. Um marinho quase preto como #0f172a chega a 17,9:1 e 232 em 255, então abre mão de quase nada mensurável e continua lendo como cor de marca.

Muda, e geralmente para pior em cor saturada. Vermelhos, verdes e laranjas RGB vibrantes perdem saturação e mudam de matiz na conversão, então um par que passava de 7:1 na tela pode ficar abaixo na máquina. Converta primeiro e confira aqui os valores convertidos.

Não. A correção de erros repara módulos danificados ou cobertos depois que o símbolo foi localizado e lido como escuro e claro. Se a câmera não consegue separar escuro de claro, não há dado nenhum para a recuperação trabalhar. Contraste é pré-requisito, não uma variável de troca.

Muda, de forma indireta. Módulos arredondados, pontilhados e outras formas decorativas colocam menos tinta dentro de cada célula do que um quadrado cheio, então um decodificador procurando a proporção do padrão de detecção enxerga uma evidência mais fraca. Um código estilizado já gastou margem antes de a impressão levar a dela - dê mais contraste a ele, não menos.

Por que a KoloQR?

  • Crie QR codes para sites, cardápios, Wi-Fi, PDFs e cartões de visita
  • Personalize cores, logos e formas únicas
  • Baixe arquivos PNG e SVG de alta qualidade
  • Feito tanto para impressão quanto para o digital
Gerar QR code
Um QR code preto simples ao lado do mesmo código redesenhado como um círculo com as cores da marca