I migliori colori per i codici QR sono moduli scuri (i quadrati) su uno sfondo chiaro, e sì, i codici QR possono essere colorati. La regola è semplice: i moduli devono essere chiaramente più scuri dello sfondo. Il nero su bianco offre un rapporto di contrasto di 21:1 ed è la scelta più sicura. Per un codice personalizzato con il tuo brand, punta ad almeno 4:1 e usa 7:1 o più per la segnaletica esterna, dove la luce solare e la distanza riducono il contrasto effettivo. Questa guida fornisce i numeri, una tabella colori e una routine di test.
Quali colori funzionano per i codici QR e i codici QR possono essere colorati?
Un codice QR può avere quasi qualsiasi colore e può utilizzare colori diversi per i moduli e per lo sfondo. La fotocamera di un telefono non percepisce la tonalità. Converte l'immagine in scala di grigi e decide, quadrato per quadrato, cosa è scuro e cosa è chiaro. Quindi la domanda non è quale colore scegli, ma quanto sono diversi i due valori in scala di grigi.
- Funziona: moduli blu navy, verde scuro, antracite, viola scuro, marrone scuro o nero su sfondo bianco, crema o un altro sfondo molto chiaro.
- Funziona con un test: rosso scuro, verde petrolio scuro e arancione scuro su bianco. Controlla prima il rapporto e scansiona una prova stampata.
- Non funziona: moduli gialli, grigio chiaro, pastello o neon, e qualsiasi coppia di colori con la stessa luminosità, come il verde medio su rosso medio.
- Rischioso: moduli chiari su sfondo scuro (codici invertiti). Molte app di scansione li leggono, ma alcune no, quindi evitali per tutto ciò che è importante.
Perché il contrasto controlla la leggibilità dei codici QR
I sensori ottici leggono i codici QR misurando la differenza di riflettanza tra moduli scuri e chiari. Lo standard per i codici QR, ISO/IEC 18004, prevede moduli scuri su uno sfondo chiaro. I moduli scuri assorbono la luce e lo sfondo chiaro la riflette. Se la differenza è troppo piccola, il decodificatore non riesce a separare il modello di dati dallo sfondo.
Nei test dei codici a barre (ISO/IEC 15415), il contrasto del simbolo è la differenza tra la riflettanza più chiara e quella più scura nel codice. Un contrasto del simbolo del 70% o più ottiene il massimo dei voti, e al di sotto del 20% fallisce. I valutatori controllano anche la modulazione, che mostra quanto uniformemente i moduli chiari e scuri riflettono su tutto il simbolo. Colori non uniformi o una separazione debole fanno sì che lo scanner non riconosca i bordi dei moduli.
La polarità normale, con moduli scuri su sfondo chiaro, funziona su ogni dispositivo. Alcune app fotocamera integrate nei telefoni non possono leggere codici chiari su sfondi scuri, e il supporto varia a seconda del modello di telefono e della versione del software. Utilizzare la polarità normale a meno che non si sia testata la versione invertita sui dispositivi utilizzati dal proprio pubblico.
Valutazione dei Rapporti di Contrasto Colore e delle Soglie
Il rapporto di contrasto è un numero da 1:1 (nessuna differenza) a 21:1 (nero su bianco). Il rapporto deriva dalle regole di accessibilità nelle Web Content Accessibility Guidelines (WCAG), che sono state scritte per il testo ma sono un modo pratico per verificare i colori dei QR. Un verificatore di contrasto (cerca "WCAG contrast checker") accetta due codici esadecimali e restituisce il rapporto. Per saperne di più sul design inclusivo, leggi la nostra guida su Come rendere i QR code conformi all'ADA.
Usa questi obiettivi. Almeno 4:1 è il minimo per stampe e schermi interni. 7:1 o più è più sicuro per imballaggi, volantini e qualsiasi cosa fotografata con luce variabile. 10:1 o più è l'obiettivo per la segnaletica esterna. I rapporti seguenti sono approssimativi e dipendono dalla tonalità esatta.
| Combinazione di Colori | Rapporto di Contrasto Approssimativo | Valutazione della Scansionabilità |
|---|---|---|
| Nero su Bianco | 21:1 | Ottimale (standard di settore) |
| Blu Navy su Beige | ~15:1 | Eccellente |
| Blu Scuro su Giallo Chiaro | ~12:1 | Molto Buono |
| Marrone Scuro su Bianco Sporco | ~8:1 | Buono |
| Rosso Puro (#FF0000) su Bianco | ~4:1 | Al limite, testare prima della stampa |
| Rosso Scuro (#8B0000) su Bianco | ~11:1 | Molto Buono |
| Grigio chiaro su bianco | ~1.5:1 | Scarso (frequenti fallimenti nella scansione) |
| Giallo su bianco | ~1.1:1 | Non scansionabile |
Personalizza i Codici Senza Sacrificare la Scansionabilità Testa i colori e visualizza l'anteprima del tuo design in tempo reale usando il nostro Generatore di QR code con logo per bilanciare l'estetica del marchio con una scansione affidabile.
Miglior Rapporto di Contrasto del Codice QR per la Segnaletica Esterna
Nessuno standard definisce un rapporto richiesto per i codici QR esterni, ma le condizioni esterne riducono il contrasto in tre modi: la luce solare diretta sbiadisce le aree chiare, il bagliore nasconde parti del codice e la distanza sfoca i moduli piccoli. Prevedi un margine di sicurezza maggiore rispetto a quello che faresti al chiuso.
- Usa il nero o un colore molto scuro su bianco. Punta a un rapporto di 10:1 o superiore.
- Stampa su materiale opaco o aggiungi una laminazione opaca. Vinile lucido e vetro riflettono il sole e interrompono il motivo.
- Dimensiona il codice in base alla distanza di scansione. Una regola comune è 1 unità di larghezza del codice per ogni 10 unità di distanza, quindi un codice scansionato da 2 metri (circa 6,5 piedi) dovrebbe essere largo circa 20 cm (8 pollici).
- Mantieni l'intera zona di silenzio e posiziona il codice su un pannello di colore chiaro solido anziché su una foto.
- Evita di posizionare il codice dove è esposto al sole basso o dietro un vetro, e scansiona il cartello stampato nel luogo effettivo prima di ordinare una tiratura completa.
Contrasto del codice a barre: codici QR vs codici a barre lineari
Le stesse regole di contrasto si applicano ad altri codici a barre ad alto contrasto, come Code 128 o EAN. Gli scanner per la vendita al dettaglio spesso usano un laser rosso, e la luce rossa non percepisce le barre rosse o l'inchiostro rosso come scuri. Per i codici a barre lineari, stampa le barre in nero, blu scuro o verde scuro su bianco, e mai in rosso o arancione. I codici QR letti dalla fotocamera di un telefono sono meno sensibili alla tonalità, ma lo stesso consiglio offre il risultato più affidabile per entrambi.
Salvaguardia della Zona di Silenzio e delle Dimensioni del Codice
L'alto contrasto deve estendersi fino al bordo del codice. Il margine bianco attorno al modello è la zona di silenzio. Indica alla fotocamera dove inizia il codice e dove finiscono le altre grafiche.
- Mantieni una zona di silenzio larga almeno quattro larghezze di modulo su tutti e quattro i lati.
- Mantieni questo margine libero da testo, illustrazioni e bordi.
- Fai corrispondere la zona di silenzio al colore chiaro dello sfondo in modo che il confine sia pulito.
- Stampa i codici di almeno 2 x 2 cm (0,8 x 0,8 pollici) per la scansione ravvicinata a mano. Aumenta le dimensioni per collegamenti più lunghi, poiché più dati significano moduli più piccoli.
- Preferisci un link breve. Un URL breve crea un pattern più semplice con moduli più grandi che scansionano meglio in condizioni di scarsa illuminazione.
Testo o grafica all'interno della zona di silenzio è una causa frequente di errori di scansione sui materiali di marca. La nostra guida su le migliori pratiche per la leggibilità dei codici QR mostra come mantenere i margini adattando il tuo layout.
Evitare Errori Comuni di Colore e Stile
Personalizzare un codice può danneggiare la leggibilità. Le fotocamere convertono l'immagine in scala di grigi, quindi due tonalità diverse possono finire per avere la stessa luminosità e fondersi in un unico grigio.
- Evita moduli pastello come azzurro cielo, menta o giallo pallido.
- Evita moduli rosso acceso o arancioni. Gli scanner laser leggono il rosso come luce e il rapporto di contrasto è spesso inferiore a 5:1. Un rosso scuro come il bordeaux è molto più sicuro.
- Evita sfumature in cui la parte più chiara del colore del modulo è vicina allo sfondo.
- Evita sfondi trasparenti su foto, carta testurizzata o imballaggi con motivi. Posiziona il codice su un pannello chiaro e solido.
- Evita design invertiti con moduli chiari su sfondo scuro a meno che tu non li abbia testati sui telefoni utilizzati dal tuo pubblico.
- Evita loghi grandi. Un logo che copre troppi moduli può superare la correzione degli errori del codice.
Conoscere questi limiti ti permette di imparare come creare un codice QR personalizzato che mostra il tuo brand senza compromettere la decodifica.
Test e Validazione in Ambienti del Mondo Reale
Un codice che scansiona da un monitor luminoso può fallire su carta. La luce della stanza, l'angolo di visione e la texture del materiale modificano tutti il contrasto che raggiunge l'obiettivo. Il sole diretto sbiadisce le piccole differenze di colore, le stanze buie riducono la capacità del sensore di separare i moduli e le finiture lucide aggiungono riflessi.
Esegui questo controllo prima di ogni lavoro di stampa:
- Controlla la coppia di colori con un verificatore di contrasto. Il rapporto dovrebbe essere di almeno 4:1, e di 7:1 o più per l'imballaggio e l'uso esterno.
- Stampa una prova sul materiale reale, nella dimensione reale, con la finitura reale.
- Scansionalo con la fotocamera integrata su almeno un iPhone e un telefono Android, un telefono più vecchio se possibile, e un browser-based Lettore QR code.
- Scansiona nella peggiore luce che il codice dovrà affrontare: stanza buia, sole diretto e angolato.
- Se esita, aumenta il contrasto, ingrandisci il codice, accorcia il link o ripristina la zona tranquilla.
La nostra guida su Come testare un QR code prima di stamparlo tratta questo argomento in modo più dettagliato e come migliorare la leggibilità del codice QR copre le soluzioni per i codici che non funzionano.
Massimizzare l'affidabilità e l'engagement dei codici QR
Tratta il contrasto come un requisito tecnico, non come un tocco finale. Scegli un colore scuro su uno sfondo chiaro, mantieni la zona tranquilla e testa una prova stampata sotto la luce a cui sarà esposta. Questo protegge il tuo budget di stampa dai codici che non scansionano.
Crea il tuo codice ad alto contrasto con il nostro generatore di codici QR. Imposta i colori del modulo e dello sfondo, e scarica un PNG, SVG o PDF. Se stampi un codice e potresti aver bisogno di cambiare il link in seguito, usa un codice dinamico: puoi modificare la destinazione dopo la stampa e vedere le statistiche di scansione. I codici dinamici includono una prova gratuita di 14 giorni e i piani sono elencati su https://pageloot.com/pricing/.
Domande frequenti
Punta ad almeno 4:1 tra i moduli e lo sfondo. Utilizza 7:1 o più per imballaggi e volantini, e 10:1 o più per la segnaletica esterna. Il nero su bianco è 21:1.
Sì. Qualsiasi colore funziona se i moduli sono nettamente più scuri dello sfondo. Blu notte intenso, verde foresta, antracite e bordeaux su bianco o crema funzionano bene. Giallo, grigio chiaro e pastello no.
I moduli e lo sfondo possono essere di colori diversi, e puoi usare qualsiasi tonalità, ma solo la differenza di luminosità conta. Un telefono legge il codice in scala di grigi, quindi due colori con la stessa luminosità falliranno. Controlla il rapporto e scansiona una prova stampata.
Non esiste uno standard ufficiale. Un rapporto di 10:1 o superiore è un obiettivo sicuro, come il nero su bianco. Usa una finitura opaca per ridurre i riflessi, dimensiona il codice a circa 1/10 della distanza di scansione e testalo sul posto.
Sì, se il colore del tuo brand è abbastanza scuro, come il blu oltremare profondo, il verde foresta o il grigio antracite, e si trova su uno sfondo chiaro uniforme. Se il colore del tuo brand è chiaro, usa una tonalità scura per i moduli.
Lo standard QR definisce moduli scuri su sfondo chiaro. Molte app fotocamera cercano prima questo schema, e alcune non riescono a leggere moduli chiari su sfondo scuro. Il supporto varia in base al telefono, quindi testa prima di stampare.
Sì. I codici a barre lineari come Code 128 o EAN richiedono anch'essi barre scure su uno sfondo chiaro. Gli scanner laser dei negozi utilizzano luce rossa, quindi non stampare mai le barre in rosso o arancione.
