Colori dei QR code: fin dove puoi spingerti
Un QR code non deve per forza essere nero su bianco. Deve però essere scuro su chiaro, con molto contrasto, e alcune scelte di colore molto diffuse lo rompono senza che tu te ne accorga.
Risposta breveSì, un QR code può essere colorato, purché i moduli siano più scuri dello sfondo e il contrasto tra i due sia forte: blu scuro, verde o bordeaux su bianco o crema di solito si leggono bene. Evita i codici invertiti (chiaro su scuro), le coppie a basso contrasto come il giallo su bianco e gli sfondi elaborati o sfumati, e prova il risultato su più telefoni.
Di cosa ha davvero bisogno uno scanner
Quando legge un QR code, il telefono non vede i colori. Converte l’immagine in luminosità e decide, modulo per modulo, se ogni quadratino è scuro o chiaro. La tinta non conta: conta solo quanto sono distanti i due livelli di luminosità, e quale dei due è quale.
Ne derivano due regole. Primo, i moduli devono essere la parte scura e lo sfondo la parte chiara, perché è la disposizione descritta dallo standard e quella che ogni lettore si aspetta. Secondo, la distanza tra i due deve resistere alle condizioni reali: riflessi, ombre, una stampante economica, una fotocamera che regola l’esposizione sull’intera scena e non sul codice.
Il nero su bianco massimizza entrambe le cose, ed è per questo che è il caso di riferimento. Ogni cambio di colore consuma un po’ di quel margine. Consumarne un po’ va bene; consumarne quasi tutto produce un codice che si legge in ufficio e fallisce sul posto. Come il lettore campiona i moduli è spiegato in come funzionano i QR code.
Coppie di colori che funzionano e coppie che falliscono
| Moduli su sfondo | Risultato | Perché |
|---|---|---|
| Nero su bianco | Affidabile | Contrasto massimo; il caso di riferimento. |
| Blu notte, verde scuro o bordeaux su bianco | Di solito affidabile | Resta molto scuro su un fondo molto chiaro. |
| Grigio scuro su crema o grigio chiaro | Di solito affidabile | Va bene se lo sfondo resta davvero chiaro. |
| Blu medio o arancione su bianco | Al limite | Troppo chiaro per separarsi bene con poca luce. |
| Rosso su nero | Fallisce spesso | Convertiti in luminosità, risultano entrambi scuri. |
| Giallo o grigio chiaro su bianco | Fallisce | Risultano entrambi chiari. |
| Pastello su pastello | Fallisce | Quasi nessuna differenza di luminosità. |
| Bianco su nero (invertito) | Fallisce con alcuni lettori | Scuro e chiaro sono scambiati rispetto a ciò che lo standard prevede. |
Un controllo utile: converti la grafica in scala di grigi. Se il codice sembra ancora un motivo netto in bianco e nero, probabilmente si leggerà. Se sembra fatto di due sfumature di grigio, no.
Codici invertiti
Moduli chiari su fondo scuro fanno colpo e vanno di moda su confezioni e slide dai toni scuri. Molte app fotocamera recenti li leggono, ma alcuni lettori no, e non puoi scegliere quale lettore userà il tuo pubblico. Se la grafica richiede un pannello scuro, inserisci un riquadro bianco e mettici dentro un normale codice scuro su chiaro, zona di rispetto compresa.
Sfumature, motivi e trasparenza
- Sfumature sui moduli. Una sfumatura leggera tra due colori scuri può funzionare. Una che sfuma verso un colore chiaro lascia parte del codice con troppo poco contrasto, e allo scanner serve tutto.
- Sfondi con motivi o fotografie. Una texture dietro il codice aggiunge rumore proprio dove lo scanner cerca moduli chiari e puliti. Tieni il codice e la sua zona di rispetto su un’area piatta e uniforme.
- Sfondi trasparenti. Se togli lo sfondo bianco dal file, i moduli chiari prendono il colore di ciò che c’è dietro. Su carta bianca va bene; sopra una foto scura o un pannello colorato, il codice può invertirsi o sparire. Tieni uno sfondo chiaro e opaco dietro il codice.
- Finiture. Inchiostri metallici, lamine e plastificazioni lucide riflettono la luce verso la fotocamera e possono annullare un contrasto che sullo schermo sembrava perfetto.
La zona di rispetto deve avere lo stesso colore chiaro dello sfondo del codice. Un bordo colorato appoggiato ai moduli viene letto come parte del simbolo e confonde il lettore su dove inizia il codice.
Scegliere i colori su questo sito
Il generatore parte da moduli neri su sfondo bianco, la combinazione che si legge sulla più ampia varietà di telefoni. Il generatore di QR code personalizzati ti permette di scegliere un colore per il primo piano e uno per lo sfondo, e applica le regole viste sopra: il primo piano deve essere il più scuro dei due, il rapporto di contrasto deve essere almeno 4,5:1 e i codici invertiti vengono rifiutati. Sia il PNG sia l’SVG scaricati mantengono i colori che hai scelto.
Puoi anche scaricare l’SVG e ricolorare i moduli in un programma di grafica come Illustrator, Affinity, Inkscape o Figma, utile se ti serve un colore di stampa preciso. Dato che il codice è fatto di semplici forme vettoriali, cambiare il riempimento è un solo passaggio, ma a quel punto nessuno controlla il contrasto al posto tuo. Perché l’SVG è il file giusto per farlo è spiegato in PNG vs SVG. In ogni caso:
- Cambia prima solo il colore dei moduli, mantenendo lo sfondo bianco e la zona di rispetto.
- Controlla la versione in scala di grigi: i moduli devono sembrare ancora quasi neri.
- Stampalo o mostralo alla dimensione finale, sul materiale finale.
- Scansionalo con almeno tre telefoni, incluso uno più vecchio, con luce scarsa e con luce forte.
- Se anche uno solo esita, scurisci il colore o torna al nero.
Se un codice ricolorato smette di funzionare, la guida alla risoluzione dei problemi passa in rassegna gli altri soliti sospetti prima di dare la colpa al colore.
Scegli i colori con il contrasto già controllato:Personalizza
Domande correlate
Può essere colorato, ma non di qualsiasi colore. I moduli devono essere nettamente più scuri dello sfondo: blu, verdi e rossi scuri su bianco funzionano, mentre giallo, grigio chiaro o colori pastello no. Convertire la grafica in scala di grigi è un modo rapido per controllare.
Su alcuni telefoni sì, non su tutti. I codici invertiti scambiano i ruoli di scuro e chiaro previsti dallo standard, e alcuni lettori non riescono a decodificarli. Mettere un codice normale dentro un riquadro bianco sulla grafica scura è l’alternativa affidabile.
Nero su bianco. Subito dopo viene qualsiasi colore scuro su uno sfondo chiaro e uniforme, ma ogni passo lontano dal contrasto massimo riduce il margine per la luce scarsa e le stampe mediocri.
Può, ma è rischioso. I moduli chiari prendono il colore di ciò che c’è dietro, quindi su uno sfondo scuro o elaborato il codice può invertirsi o sparire. Tieni uno sfondo bianco o chiaro e opaco dietro il codice e la sua zona di rispetto.
Sì. Il generatore di QR code personalizzati ti fa scegliere i colori del primo piano e dello sfondo, purché il primo piano sia più scuro e il rapporto di contrasto sia almeno 4,5:1; i codici invertiti vengono rifiutati. Prova il risultato stampato su più telefoni prima di usarlo.