arrow_backBlog
·7 min de lectura·Super QR Code Generator Team

Color de Fons del Codi QR: 5 Equivocacions en Marques que Evitar

Els colors de fons incorrectes maten silenciosament les taxes d'escanejat. Aprèn 5 equivocacions comunes que les petites empreses cometen i com reparar-les.

disseny codi qrmarcacolorescanejabilitat
Color de Fons del Codi QR: 5 Equivocacions en Marques que Evitar
AI-generated

El teu codi QR pot coincidir perfectament amb els colors de la teva marca i igualment fracassar a l'escanejat — i el color de fons en és normalment el culpable. La majoria d'equivocacions en marques no són òbvies fins que ja has imprès 500 fulletons. Aquest article cobreix els cinc errors de color de fons que constantment danyaten les taxes d'escanejat, amb guies específiques sobre què fer en lloc d'això.

Per Què el Color de Fons Importa Més del que Creus

Un lector de codi QR funciona detectant el contrast entre els mòduls foscos (els puntets quadrats) i el fons més clar darrere. Les càmeres de telèfons intel·ligents moderns són bones, però no són màgiques. Redueix el contrast per sota d'un cert llindar i el descodificador simplement es rén — sense missatge d'error, només silenci.

La part complicada: una combinació de colors pot veure's perfectament bé pels teus ulls i igualment caure per sota de la proporció de contrast que un sensor de càmera necessita, especialment en condicions de poca llum o en angle. L'article sobre contrast en codis QR i escanejabilitat cobreix les proporcions exactes a buscar, però els errors a continuació són on la majoria de gent es descuida abans que fins i tot pensin en les proporcions.


Equivocació 1: Utilitzar un Color de Marca com a Fons en Lloc de Blanc

L'error més comú. Una empresa vol que el codi QR es senti "dins de la marca", així que canvien el fons blanc pel seu crema, sorra o gris clar característics. Individualment aquestes tonalitats es veuen neutres. Contra mòduls foscos, però, redueixen el contrast — de vegades significativament.

Solució: Mantén el fons blanc pur (#FFFFFF) o molt a prop d'això. Si el blanc genuïnament xoca amb el teu disseny, prova una versió clara del color de la teva marca amb un comprovador de contrast abans d'imprimir. Apunta a una proporció de lluminància mínima de 3:1 entre el color del mòdul i el fons; 4,5:1 és més segur.


Equivocació 2: Col·locar el Codi Directament sobre un Fons amb Patrons o Textura

Els menús de restaurant, l'embalatge i els cartells d'events sovint tenen textura subtil — gra de fusta, lli, lavats amb aquarel·la. Aquests es veuen elegants. També afegeixen soroll visual que fa més difícil que una càmera distingeixi els mòduls del codi QR del fons.

Solució: Sempre dona al teu codi QR una "zona tranquil·la" sòlida i plana — un rectangle pla al voltant del codi. L'especificació requereix un mínim de quatre amplades de mòdul de zona tranquil·la a cada costat, però en la pràctica, utilitza més si el disseny circumdant és ocupat. Pensa la zona tranquil·la com una tanca que manté el soroll de fons fora.


Equivocació 3: Invertir el Codi (Mòduls Clars sobre Fons Fosc)

Codis QR invertits — mòduls blancs o clars sobre un fons fosc o colorit — es veuen sorprenents i poden funcionar en alguns generadors. El problema és que molts lectors de codis QR de telèfons intel·ligents encara esperen fosc sobre clar per defecte. Algunes aplicacions gestionen la inversió bé; altres fallen silenciosament.

Solució: Si has d'invertir per raons de disseny, prova amb almenys quatre aplicacions diferents (la càmera nativa d'iOS, Google Lens, i dos lectors de tercers) abans de comprometre't a imprimir. Una opció millor és mantenir el contrast estàndard fosc sobre clar però utilitzar un color de marca profund per als mòduls en lloc de negre pur — això és generalment segur sempre que el fons es mantengui clar.


Equivocació 4: Utilitzar Combinacions de Color de Marca Baix Contrast

Certes paletes de marca es veuen vívides en pantalles però són baix contrast per naturalesa: groc sobre blanc, blau clar sobre blanc, menta sobre gris pàl·lid. Els responsables de màrqueting apliquen aquestes combinacions a codis QR perquè coincideixen amb les directrius de marca — no perquè escanejin bé.

Solució: Utilitza un comprovador de contrast gratuït (com el Comprovador de Contrast WebAIM) abans de finalitzar qualsevol parella de colors no estàndard. Introdueix els teus valors hex exactes. Si la proporció està per sota de 3:1, o enfosqueix el color del mòdul o il·lumina el fons — o ambdós. Per a materials físics especialment, opta per contrast més alt perquè la tinta d'impressió, el acabat del paper i la il·luminació ambiental tots degraden el contrast percebut addicionalment.

Aquí hi ha una referència ràpida per a pitfalls comuns de color de marca:

Color del Mòdul Fons Proporció Aprox. Veredicte
Negre pur (#000) Blanc (#FFF) 21:1 ✅ Sempre segur
Blau marí fosc (#1a2e4a) Blanc (#FFF) ~14:1 ✅ Segur
Teal (#008080) Blanc (#FFF) ~4,5:1 ⚠️ Prova primer
Groc (#FFD700) Blanc (#FFF) ~1,7:1 ❌ Evita
Blau clar (#87CEEB) Blanc (#FFF) ~1,4:1 ❌ Evita

Equivocació 5: Suposar que les Proves en Pantalla Igualem els Resultats d'Impressió

Un codi QR que escaneja perfectament en el teu monitor pot fracassar en impressió. Les raons inclouen:

  • Propagació de tinta (dot gain): La impressió de tinta i offset propaguen la tinta lleugerament, que encongeix lleugerament els espais blancs entre mòduls i redueix el contrast efectiu.
  • Acabat del paper: El brillant reflecteix la llum i pot rendir el contrast en ambients brillants. El paper mat absorbeix una mica de tinta, enfosquint lleugerament els fons.
  • Canvi de color: Les impressores representen els colors RGB diferentment que les pantalles. Un blau fosc nítid en pantalla pot imprimir lleugerament porpra o borrós, reduint el contrast contra blanc.

Solució: Sempre imprimeix una prova física a la mida final abans d'una tirada d'impressió completa. Escaneja-la amb múltiples dispositius sota les condicions d'il·luminació on realment serà utilitzada — estatge de botiga, restaurant fosc, llum solar exterior. Si fracassa fins i tot una vegada, ajusta abans d'imprimir. Aquest pas únic prevé la majoria de reimpressió cara.


Un Principi Més: El Contrast No és Només Sobre Estètica

És temptador tractar el disseny del codi QR com un problema purament de marca. Però un codi que no escaneja ofereix zero valor — és realment pitjor que sense codi perquè frustra la persona que va intentar utilitzar-lo. Les petites empreses que utilitzen codis QR efectivament tracten l'escanejabilitat com una restricció no negociable, després treballen el seu disseny de marca dins d'aquesta restricció.

Si estàs redissenyant els teus codis QR des de zero o construint una nova campanya, el Super Generador de Codi QR a la pàgina principal et permet previsualitzar colors personalitzats amb una comprovació de contrast en viu abans de descarregar, que elimina la majoria de conjectures cobertes anteriorment.

Per a context sobre com els elements de codi QR de marca treballen junts — mòduls, formes d'ulls, logos i fons — el desglosament detallat en dissenyar codis QR de marca el 2026 val la pena llegir juntament amb aquest article.


Punts Clau

  • Mantén els fons blancs purs o molt a prop; els fons de color de marca gairebé sempre redueixen el contrast.
  • Cada codi QR necessita una zona tranquil·la sòlida — no deixis que la textura de fons o els patrons saginin a l'àrea del codi.
  • Els codis QR invertits (clar sobre fosc) funcionen en algunes aplicacions però fracassen en altres; prova àmpliament o evita-los.
  • Utilitza un comprovador de contrast amb els teus valors hex exactes abans de finalitzar qualsevol parella de colors no estàndard.
  • Sempre imprimeix una prova física a la mida final i escaneja-la sota condicions d'il·luminació del món real abans de comprometre't a una tirada completa.

⚽ Gratis aquest estiu: Crea la teva pròpia travessa de futbol 2026. Encerta marcadors, fes una lliga privada i convida amics amb un sol codi QR — totalment gratis. Crea la teva lliga →

Preguntes freqüents

Quin color de fons proporciona la taxa d'escanejat més alta del codi QR?expand_more
El blanc pur (#FFFFFF) constantment produeix les taxes d'escanejat més altes perquè maximitza el contrast contra mòduls foscos i funciona de manera fiable en totes les aplicacions de lector i condicions d'il·luminació. Si el blanc no s'ajusta al teu disseny, utilitza la versió més clara possible del color de la teva marca i verifica que la proporció de contrast és almenys 3:1 — idealment 4,5:1 o superior — abans d'imprimir.
Puc utilitzar un fons transparent en un codi QR per a materials impresos?expand_more
Els fons transparents funcionen només si el material subjacent és consistentment clar i pla — per exemple, paper blanc pla. Si el codi es situa sobre una foto, gradient o textura, el fons efectiu es converteix impredictible i el contrast pot baixar en llocs impredictibles. Afegeix un rectangle blanc o clar sòlid sota el codi per garantir un fons fiable independentment del que hi hagi darrere.
Per què el meu codi QR escaneja bé en pantalla però no de la versió impresa?expand_more
Els processos d'impressió introdueixen propagació de tinta, canvi de color i absorció del paper que no existeixen en pantalla. Aquests efectes encongeixen lleugerament els espais blancs entre mòduls i poden desplaçar els colors del mòdul, els dos quals redueixen el contrast. Sempre prova una prova física a la mida final exacta d'impressió i sota les condicions d'il·luminació on serà mostrada, no només en el teu monitor.
Quanta zona tranquil·la necessita un codi QR al voltant seu en embalatge de marca?expand_more
L'estàndard del codi QR requereix una zona tranquil·la mínima de quatre amplades de mòdul a tots els costats. En embalatge de marca — que sovint té text, gràfics o textura a prop — duplicar això a vuit amplades de mòdul és un mínim pràctic més segur. La zona tranquil·la ha de ser el mateix color sòlid que el fons del codi QR; qualsevol intrusió dels elements de disseny circumdant pot causar fracassos d'escanejat.