Culoarea este punctul în care majoritatea codurilor QR cu identitate de brand eșuează. Un designer alege paleta de brand, codul arată impecabil în machetă, iar scanarea în lumea reală dă greș — fie pentru că raportul de contrast este prea mic, fie pentru că tonurile de culoare confundă algoritmul de detecție a contururilor al camerei. Acest ghid îți oferă regulile exacte pe care trebuie să le urmezi pentru ca un cod QR de brand să fie atât conform identității vizuale, cât și fiabil la scanare.
De Ce Culoarea Strică Codurile QR
Un scanner QR — fie că este o aplicație dedicată sau camera nativă a telefonului — funcționează prin identificarea tranzițiilor cu contrast ridicat dintre modulele întunecate (micile pătrate) și fundalul deschis. Nu caută pur și simplu „negru și alb". Caută o diferență de luminanță măsurabilă.
Când această diferență de luminanță scade sub un prag fiabil, se întâmplă două lucruri:
- Modelele de găsire (cele trei pătrate mari din colțuri) devin dificil de localizat.
- Modulele individuale se contopesc, provocând erori de decodare.
Rezultatul este o scanare inconsistentă: funcționează în lumina puternică a soarelui, eșuează în interior, sau eșuează pe ambalaje mate, dar funcționează pe un ecran lucios.
Regula de Bază: Module Închise pe Fundal Deschis
Cea mai importantă regulă în designul de culori pentru codurile QR este păstrează modulele mai închise decât fundalul — întotdeauna. Inversarea acestui raport (module deschise pe fundal închis) va face ca majoritatea camerelor de telefon și multe aplicații QR să eșueze complet, deoarece standardul QR a fost construit pe premisa că modulele sunt închise pe un fundal deschis.
Dacă brandul tău folosește un fundal închis ca și culoare principală, ai două opțiuni:
- Plasează codul QR într-un chenar „zonă liniștită" alb sau de culoare deschisă, cu o lățime de cel puțin 4 module pe toate laturile.
- Folosește o versiune deschisă a culorii de brand ca și culoare a modulelor pe un fundal alb, în loc să inversezi tot codul.
Nu folosi niciodată un fundal închis cu module închise. Aceasta este greșeala numărul unu de tipărire pe care o întâlnim pe ambalaje.
Raportul Minim de Contrast
Ghidurile pentru Accesibilitatea Conținutului Web (WCAG) definesc un raport de contrast de 4,5:1 ca minim pentru textul lizibil. Pentru codurile QR, un raport de cel puțin 4:1 între culoarea modulului și culoarea fundalului reprezintă minimul practic acceptabil. Cu cât mai mare, cu atât mai bine.
Poți calcula contrastul de luminanță folosind orice verificator de contrast pentru culori (majoritatea sunt gratuite online). Introdu valoarea hex a culorii modulului și a culorii fundalului, apoi citește raportul.
Referință rapidă pe tipuri de culori de brand
| Culoare modul | Fundal | Contrast aproximativ | Scanabil? |
|---|---|---|---|
| Negru (#000000) | Alb (#FFFFFF) | 21:1 | Excelent |
| Bleumarin închis (#0D1B2A) | Alb | ~18:1 | Excelent |
| Verde închis (#1A5C2A) | Alb | ~10:1 | Bun |
| Roșu mediu (#C0392B) | Alb | ~5:1 | Marginal |
| Portocaliu (#E67E22) | Alb | ~3:1 | Eșuează adesea |
| Galben (#F1C40F) | Alb | ~1,7:1 | Eșuează |
| Alb (#FFFFFF) | Negru (#000000) | 21:1 | Eșuează pe majoritatea camerelor |
Rândurile cu portocaliu și galben ilustrează capcana în care cad multe branduri din domeniul lifestyle și alimentar: culorile calde și luminoase par îndrăznețe, dar au un contrast de luminanță scăzut față de alb.
Cum Lucrezi cu Culori de Brand cu Contrast Redus
Nu trebuie să renunți la paleta ta. Iată câteva soluții practice.
Închide culoarea modulului, nu culoarea de brand
Dacă portocaliul brandului tău este #E67E22, o versiune mai închisă precum #7D3E00 (maro-portocaliu închis) păstrează o nuanță caldă, atingând în același timp un raport de contrast de 9:1 față de alb. Codul QR rămâne în spiritul brandului fără a compromite scanarea.
Folosește culoarea de brand selectiv
Aplică culoarea de brand doar pe cele trei modele de găsire (pătratele din colțuri) și lasă modulele de date negre. Aceasta creează o impresie de brand puternică, deoarece privirea este atrasă de colțuri, menținând în același timp zona de date fiabilă.
Mulți generatori de coduri QR permit setarea culorii modelului de găsire independent de culoarea modulului — folosește această funcție.
Alege un fundal colorat în loc de module colorate
Un fundal ușor nuanțat (de exemplu, o tentă de 15% din albastrul de brand) cu module negre standard poate părea în spiritul brandului, menținând totodată un contrast excelent. Tenta este percepută ca și culoare de brand la prima vedere, iar contrastul rămâne ridicat pentru scanare.
Module cu Gradient și Multicolor
Gradientele sunt o solicitare frecventă. Riscul este că un capăt al gradientului poate pierde contrastul față de fundal, chiar dacă celălalt capăt este în regulă.
Dacă vrei un gradient:
- Testează punctul cel mai deschis al gradientului față de fundalul tău, nu media.
- Evită gradientele care trec prin tonuri calde de mijloc (galbene, portocalii deschise), chiar și temporar.
- Păstrează gradientele orizontale sau radiale, nu verticale în zona de date, astfel încât niciun rând de module să nu scadă sub prag.
Designurile cu module multicolore (nuanțe diferite pe tot codul) prezintă un risc mai mare și sunt cel mai bine lăsate pentru probe de tipărire — scanează întotdeauna o imprimare fizică, nu doar o previzualizare pe ecran, deoarece tipărirea modifică culorile.
Interacțiunea cu Materialul și Finisajul
Contrastul de culoare calculat pe ecran se poate comporta diferit la tipărire. Atenție la:
- Laminatul mat reduce contrastul perceput cu aproximativ 10–15% față de luciu, deoarece dispersează lumina.
- Hârtia kraft sau hârtia reciclată neacoperită are o tentă galben-cenușie caldă. Proiectează zona liniștită pentru a se potrivi cu culoarea hârtiei și recalculează contrastul față de aceasta, nu față de albul pur.
- Cernelurile folio sau metalice sunt reflectorizante și creează efectiv un fundal în mișcare pentru cameră. Evită-le pentru modulele QR; sunt potrivite pentru elementele de design din jur.
Testarea Înainte de Finalizare
Indiferent cât de bune arată cifrele pe ecran, testează întotdeauna imprimarea fizică:
- Tipărește la dimensiunea reală de utilizare (nu mai mare în scopuri de probă).
- Scanează cu cel puțin trei dispozitive: un telefon Android mid-range mai vechi, un iPhone recent și o aplicație QR dedicată.
- Testează în mediul de iluminare real — un cod QR dintr-un restaurant pe masă este iluminat diferit față de un panou publicitar în lumina directă a soarelui.
- Dacă codul este pe ambalaj, testează în condiții tipice de iluminare pe raftul de magazin, care este adesea lumină fluorescentă sau LED ușor rece, cu o ușoară modificare de culoare.
Dacă un singur dispozitiv eșuează în mediul real, combinația de culori nu este acceptabilă, indiferent ce a indicat calculatorul de contrast.
Concluzii Principale
- Modulele trebuie să fie întotdeauna mai închise decât fundalul — codurile QR inversate eșuează pe majoritatea camerelor.
- Urmărește un raport de luminanță de cel puțin 4:1; măsoară-l cu un verificator de contrast folosind valorile hex exacte.
- Culorile calde și luminoase (portocaliu, galben, roșu deschis) par îndrăznețe, dar au un contrast periculos de scăzut față de alb.
- Dacă culoarea de brand nu trece verificarea de contrast, închide culoarea modulului în loc să renunți complet la paleta de brand.
- Aplică culoarea de brand pe modelele de găsire pentru impact vizual, menținând modulele de date închise pentru fiabilitate.
- Testează întotdeauna o imprimare fizică la dimensiunea reală în condiții de iluminare reale — previzualizările pe ecran nu relevă problemele de contrast legate de tipărire sau material.
