Dai i tuoi colori a un codice QR senza perdere la scansione
Un codice QR può avere quasi qualsiasi colore, purché il suo pattern resti chiaramente più scuro dello sfondo dietro di esso. Blu navy scuro, rosso profondo e verde bottiglia funzionano. Giallo, ciano e accenti pastello no, con qualunque strumento siano stati creati. Questa pagina spiega quale colore appartiene a quale parte di un codice e come verificare la coppia prima di andare in stampa.
Genera codice QRCos'è un codice QR colorato?
Un codice QR colorato è un codice QR standard il cui pattern, i pattern di rilevamento, lo sfondo o la cornice hanno colori diversi dal bianco e nero. I dati non cambiano con il colore: uno scanner legge gli stessi moduli in entrambi i casi. Quello che cambia è se una fotocamera riesce ancora a distinguere i moduli scuri da quelli chiari.
Le quattro parti che puoi colorare
Un codice QR colorato non è una decisione di colore, sono quattro - e comportano rischi molto diversi. Due decidono se il codice si scansiona. Due sono gratis.
- Il pattern - i moduli dati stessi. La scansione dipende da questo colore, quindi prende il colore più scuro della tua palette e non quello più riconoscibile.
- I pattern di rilevamento negli angoli - i tre riferimenti che uno scanner individua prima di decodificare qualsiasi cosa. Possono avere un colore proprio, ma uno pallido fallisce esattamente dove un codice non si recupera.
- Lo sfondo - bianco o una tinta molto chiara. Scurire lo sfondo spende lo stesso contrasto di cui ha bisogno il pattern, ed è il più difficile dei due da recuperare.
- La cornice e l'etichetta - l'anello, il bordo e il testo “Scansiona” attorno al codice. Nessuno scanner legge niente di tutto questo, ed è per questo che è l'unico posto dove un accento acceso non costa nulla.
Questa divisione è tutto il trucco dei codici colorati che funzionano. Spendi il colore di brand saturo sulla cornice, sull'etichetta e sul pannello dietro al codice, e tieni il pattern quasi nero. Il risultato si legge come inequivocabilmente tuo a prima vista, mentre la parte che una fotocamera deve risolvere non ha mai lasciato il terreno sicuro.
Il colore non è la stessa cosa del contrasto
Due colori possono sembrare completamente diversi a una persona e quasi identici a una fotocamera, perché uno scanner confronta la luminosità e non la tinta. Il giallo puro su bianco dà un rapporto di contrasto di circa 1,07:1: una persona vede un codice giallo brillante, la fotocamera vede un quadrato vuoto. Progetta a 7:1 o meglio per la stampa e 4:1 per gli schermi, e considera 3:1 la linea sotto la quale un codice non esce. Le soglie di contrasto e dove finisce il margine valgono una lettura prima di scegliere una palette. Il verificatore di contrasto QR restituisce il rapporto di qualsiasi coppia digiti, così la palette si chiude prima di disegnare un solo codice.
Genera codice QR
Dove funzionano meglio i codici QR colorati
Quali colori sopravvivono dipende meno dal settore e più dalla superficie. Tinta della carta, comportamento dell'inchiostro, luminosità dello schermo e distanza di scansione si prendono ciascuno una parte dello stesso budget di contrasto.
Menu del ristorante e cartelli da tavolo
I colori della casa sul codice del menu lo fanno sembrare parte della mise en place e non qualcosa stampato all'ultimo momento. Tieni i moduli nel colore più scuro della palette e lascia che il cartoncino attorno porti il colore del brand.
Banconi e cartelli da scaffale
La cartellonistica dei negozi è quasi sempre stampata in un colore di brand saturo, quindi l'impostazione affidabile è un codice scuro dentro un pannello chiaro appoggiato sul supporto colorato. Il cartello resta coerente col brand e il codice mantiene il proprio contrasto.
Badge e lanyard per eventi
Il cartoncino dei badge ha spesso un unico colore di brand. Un codice quasi nero stampato direttamente su un cartoncino di tono medio può funzionare; lo stesso codice nel colore d'accento dell'evento su quel cartoncino, di solito no.
Packaging ed etichette di prodotto
Il packaging è dove il colore si sposta di più tra schermo e scaffale, perché la grafica viene convertita in CMYK e l'inchiostro si allarga sul supporto. Giudica il colore del codice su una prova stampata, mai sul file di design.
Post social e video
Gli schermi sono il caso indulgente: 4:1 basta e nulla si allarga. Il video è l'eccezione, perché la compressione salva il colore a risoluzione più bassa della luminosità, così un codice i cui bordi vengono dalla tinta e non dalla luminosità si sfoca.
Manifesti e insegne esterne
Letto da diversi metri, un codice su manifesto cade su meno pixel di fotocamera per modulo, e questo riduce la differenza che uno scanner riesce a misurare. Distanza e colore escono dallo stesso budget, quindi scegli quale dei due spendere.
Come scegliere i colori di un codice QR
Colorare un codice è una serie di piccole decisioni in un ordine fisso: il pattern, poi gli angoli, poi lo sfondo, poi tutto quello che sta intorno. Lo stesso budget modella ognuno dei design creativi di codici QR, dove anche forme dei moduli e cornici ci attingono.
Scegli i colori nell'ordine giusto
Quasi tutti i codici colorati che falliscono lo fanno perché il colore d'accento di un brand è finito sul pattern. Percorrere le parti in questo ordine è ciò che lo evita.
- Parti dal colore più scuro che hai - prendi il colore del pattern dalla parte profonda della palette. Un blu navy #0F172A raggiunge circa 17,9:1 su bianco; l'ambra dello stesso brand, #F59E0B, raggiunge 2,2:1, e nessuna altra impostazione la recupera.
- Scurisci il codice, non schiarire lo sfondo - quando un colore di brand non è abbastanza scuro, portalo giù di due o tre passi invece di schiarire lo sfondo. Gli sfondi devono restare quasi bianchi perché la differenza sopravviva alla carta, e una tinta più scura di un colore di brand di solito ne mantiene l'identità.
- Valuta i pattern di rilevamento separatamente - uno scanner trova i tre angoli prima di leggere un solo modulo, quindi controlla il loro colore contro lo sfondo per conto proprio e considera il peggiore dei due valori come il contrasto reale del codice.
- Tieni la zona di silenzio nel colore dello sfondo - il margine vuoto attorno al codice, largo quattro moduli, deve restare dello stesso colore chiaro dello sfondo. Farci entrare un bordo colorato o la grafica toglie allo scanner il confine con cui trova il simbolo.
- Evita le foto dietro un codice, ma non le sfumature - uno scanner fissa la sua soglia chiaro-scuro su piccoli intorni, quindi una sfumatura lenta dietro un codice di solito sopravvive, mentre una foto ribalta a metà percorso da quale lato della soglia cadono i moduli.
- Approvalo in scala di grigi - converti la grafica in scala di grigi prima di approvarla. Se lì il codice diventa piatto e grigio, quello è più o meno ciò che riceve la fotocamera, e nessuna correzione colore lo cambia.
Cosa costa il colore in stampa e su sfondi scuri
Due decisioni di colore hanno conseguenze che uno schermo non mostra mai: invertire un codice e portarne uno sulla carta. Entrambe vanno prese con intenzione.
- Un codice invertito è una scommessa sul lettore - moduli chiari su sfondo scuro danno esattamente lo stesso rapporto di contrasto del contrario, e le fotocamere iPhone e Android attuali li leggono. Gli scanner fissi alla cassa o in magazzino spesso non provano l'immagine in entrambi i versi.
- Stampa il codice con un solo inchiostro - un codice colorato costruito con quattro inchiostri di processo può andare fuori registro alle dimensioni piccole dei moduli, ammorbidendo tutti i bordi in una volta. Un colore spot, o il 100 % di nero, tiene il pattern nitido in macchina.
- Aspettati un codice stampato più scuro - l'inchiostro si allarga nelle celle chiare accanto a ogni modulo, soprattutto su kraft, carta di giornale e carte non patinate. Questo lavora a favore di un codice scuro e contro uno chiaro, che perde proprio i moduli che lo sostengono.
- Tratta la carta come colore di sfondo - kraft, riciclata e carte tinte non sono bianche, e al codice non interessa cosa diceva il piano di lavoro. Controlla il colore del pattern contro il supporto su cui stampi davvero.
- Tieni i metallizzati fuori dai dati - inchiostri e lamine oro e rame sono splendidi e si scansionano in modo imprevedibile, perché il riflesso speculare che li fa leggere come metallo cade dentro i moduli. Mettili nella cornice e tieni il pattern in inchiostro opaco.
Esempi dal mondo reale
Quattro superfici, quattro risposte diverse alla stessa domanda: dove va il colore e cosa si tiene il pattern?
Manifesti di album e concerti
Il manifesto porta tutta la palette neon e il codice sta su una placca bianca al suo interno, con il pattern che riprende una tinta della grafica. Il colore si legge come parte del design e il contrasto resta dove serve alla scansione.
Biglietti di cinema ed eventi
Un codice rosso scuro su un cerchio bianco mantiene il contrasto su un biglietto blu navy, dove lo stesso rosso stampato direttamente sul navy non ne avrebbe quasi. Il cerchio fa il lavoro che uno sfondo chiaro fa sempre.
Biglietti da visita in un solo colore di brand
Ricavare il codice in bianco su un cartoncino saturo dà un codice invertito, e qui è una scelta difendibile: un biglietto da visita lo scansiona un telefono e nient'altro. La stessa impostazione su un'etichetta da negozio sarebbe una scommessa.
Cartoncini da tavolo per caffetterie
Un colore di brand profondo su tutto il cartoncino, con il codice ricavato in bianco al suo interno e i pattern di rilevamento ricavati con lui. Stampato con un solo inchiostro, i bordi restano puliti alla dimensione di un cartoncino da tavolo.
Come creare un codice QR colorato
Quattro passaggi portano un codice nero qualunque a uno nella tua palette, con il contrasto verificato prima di esportare qualsiasi cosa.
Genera codice QR- 1
Imposta la destinazione, poi il colore del pattern
Aggiungi il link, il menu o i contatti che il codice deve aprire, poi imposta il pattern sul colore più scuro della tua palette. Ogni decisione successiva è più semplice quando i moduli sono già al sicuro.
- 2
Colora angoli, cornice ed etichetta
Dai ai tre pattern di rilevamento un colore proprio, se ne vuoi uno, e metti il colore d'accento nella cornice, nel testo dell'anello e nella call to action. È lì che un colore di brand acceso non costa nulla.
- 3
Leggi il valore di contrasto prima di esportare
KoloQR mostra un rapporto di contrasto accanto all'anteprima e passa da 4:1, riportando il peggiore dei due: il pattern o i pattern di rilevamento. Sotto quel valore, scurisci il pattern invece di schiarire lo sfondo.
- 4
Esporta, stampa e scansiona il pezzo vero
Scarica PNG per gli schermi o SVG per la stampa, poi scansiona il codice alla dimensione finale sul materiale finale con due telefoni diversi. Il colore è la variabile che un mockup rende sempre più bella di com'è.
Parti da colori pieni e da un valore di contrasto
Provare un colore richiede secondi e nessun file di design. Incolla il link, imposta i colori di pattern, angoli, sfondo e cornice, e guarda il valore di contrasto muoversi accanto all'anteprima: prende il peggiore tra pattern e angoli e passa da 4:1.
KoloQR, un generatore di codici QR gratuito con codici QR circolari e di forma personalizzata, riempie con colori pieni invece che con sfumature ed esporta lo stesso codice colorato come PNG o SVG. Uno sfondo trasparente viene valutato contro il bianco, perché è la superficie su cui un codice trasparente finisce di solito.
Genera codice QRFormati di esportazione per codici QR colorati
Il colore è l'unica proprietà che si comporta in modo diverso in ogni formato, quindi qui la scelta conta più che per un codice in bianco e nero.
PNG
Per schermi, slide e social. I colori sono fissati nei pixel, il che rende un PNG definitivo: cambiare un colore significa esportare di nuovo il codice.
SVG
Per stampa e insegne. I riempimenti sono valori modificabili dentro il file, così una tipografia può sostituire il colore del pattern con un inchiostro spot senza rigenerare il codice.
Sfondo trasparente
Per appoggiare un codice su una superficie colorata. Solo su una chiara: un codice trasparente eredita ciò che sta sotto, comprese le fotografie.
Questions? Answered
Sì, purché il pattern resti chiaramente più scuro dello sfondo. Uno scanner confronta la luminosità, non la tinta, quindi il colore in sé non è mai il problema: lo è il divario di luminosità. Progetta a 7:1 o meglio per la stampa e 4:1 per gli schermi, e non pubblicare un codice sotto 3:1.
Giallo, ciano, lime e tinte pastello, sia sul pattern sia sui pattern di rilevamento. Su bianco il ciano dà circa 1,25:1 e il verde puro 1,4:1 - abbastanza vicini allo sfondo perché una fotocamera non trovi alcun bordo. Nessuna impostazione e nessun livello di correzione degli errori li salva.
Quasi nero, o una versione molto scura del tuo colore di brand. Tra i colori saturi il blu profondo spicca con circa 8,6:1 su bianco, seguito dai rossi scuri e dai prugna. Qualsiasi colore che sia scuro, e non soltanto vivo, si comporta bene.
Sì, per codici letti dai telefoni: le fotocamere iPhone e Android attuali gestiscono i codici invertiti. Gli scanner fissi spesso no. Un codice invertito perde anche più contrasto in stampa, perché la grande area scura si allarga sui moduli chiari che portano i dati.
Perché i verificatori di codici a barre e molti scanner fissi leggono sotto illuminazione rossa a 660 nanometri, e l'inchiostro rosso riflette la luce rossa. Un codice rosso su carta bianca ha quasi zero contrasto a quella lunghezza d'onda, pur scansionandosi perfettamente su qualsiasi telefono. Ciò che viene letto da apparecchiature fisse deve essere nero su bianco.
Può, a condizione che ogni parte della sfumatura resti abbastanza scura rispetto allo sfondo: il rischio è l'estremo chiaro, non la sfumatura. KoloQR riempie con colori pieni e non ha un'opzione sfumatura, un limite da conoscere prima di costruirci un design attorno.
Sì. Il pattern e i tre pattern di rilevamento possono avere colori diversi, e la cornice, le sue linee d'accento e la sua etichetta un altro ciascuno. Ogni colore che tocca il codice deve superare da solo l'asticella del contrasto rispetto allo sfondo.
No, ed è un fraintendimento comune. La correzione degli errori recupera moduli mancanti, coperti o danneggiati - circa il 7 % al livello L e fino al 30 % al livello H. Il contrasto basso non danneggia i moduli: impedisce allo scanner di trovarli, e la ridondanza non può rimediare.
Non esattamente. La conversione da RGB a CMYK smorza i blu e i verdi saturi, e l'ingrossamento del punto scurisce e infittisce i moduli. Entrambe di solito lavorano a favore di un codice scuro, ma controlla una prova stampata prima di una tiratura e costruisci il codice con un solo inchiostro quando puoi.
Può funzionare, ma la carta diventa il colore di sfondo, e kraft o riciclata riflettono molta meno luce del bianco. Controlla il colore del pattern contro il supporto reale, tieni il codice quasi nero e dagli moduli più grandi di quelli che useresti su bianco.
Sì. KoloQR è gratuito e ti permette di impostare i colori di pattern, angoli, sfondo e cornice, vedere il rapporto di contrasto della coppia ed esportare come PNG o SVG senza account e senza abbonamento.
Continua a esplorare
Pagine che riprendono da dove finisce questa: lo stesso contesto, lo stesso tipo di codice o la prossima decisione da prendere.
Perché un codice QR non si legge, e come capire quale difetto hai
I tre modi in cui un codice QR fallisce - mai rilevato, letto male, o letto benissimo verso una destinazione rotta - e come il sintomo ti dice quale hai prima di misurare qualsiasi cosa.
Nove cose da controllare prima che un codice QR vada in stampa
I nove controlli fra un file di codice QR e una tiratura che funziona, ciascuno con il numero da superare e la pagina che spiega perché.
Cinquanta coppie di colori per codici QR, e quali sopravvivono alla stampa
Cinquanta coppie di colori per codici QR con il rapporto di contrasto calcolato per ciascuna, raggruppate a seconda che superino la soglia della stampa, quella dello schermo o nessuna delle due.
Negozi al dettaglio
Schede prodotto, disponibilità e link alle recensioni su etichette da scaffale, vetrine e cartelli alla cassa.
Agenzie di eventi
Codici prodotti per l'evento di qualcun altro: reindirizzamenti del cliente, specifiche per gli espositori, tirature di badge e segnaletica dimensionata sulla sala.
Codici QR rotondi
Moduli circolari e una cornice rotonda, per i sottobicchieri, i sigilli e i badge su cui un codice quadrato non è mai stato perfetto.
Perché KoloQR?
- Crea codici QR per siti web, menù, Wi-Fi, PDF e biglietti da visita
- Personalizza colori, loghi e forme uniche
- Scarica file PNG e SVG di alta qualità
- Pensato sia per la stampa che per il digitale
