Farve er det sted, de fleste brandede QR-koder går galt. En designer vælger brandets farvepalette, koden ser smuk ud i mockuppen, og så fejler scanning i den virkelige verden, fordi kontrastratioen er for lav eller farverne forvirrer kameraets kantdetekteringsalgoritme. Denne guide giver dig de konkrete regler at følge, så din brandede QR-kode er både on-brand og pålideligt scannbar.
Hvorfor farve ødelægger QR-koder
En QR-scanner — uanset om det er en dedikeret app eller telefonens eget kamera — fungerer ved at finde høj-kontrast overgange mellem mørke moduler (de små firkanter) og den lyse baggrund. Den leder ikke blot efter "sort og hvid". Den leder efter en målbar luminansforskel.
Når luminansforskellen falder under en pålidelig tærskel, sker der to ting:
- Findermønstrene (de tre store hjørnefirkanter) bliver svære at lokalisere.
- De enkelte moduler flyder sammen, hvilket forårsager afkodningsfejl.
Resultatet er inkonsistent scanning: virker i stærkt sollys, fejler indendørs, eller fejler på mat emballage men virker på en blank skærm.
Grundreglen: Mørke moduler på lys baggrund
Den absolut vigtigste regel inden for QR-kode farvedesign er hold modulerne mørkere end baggrunden — altid. At invertere dette (lyse moduler på en mørk baggrund) vil få de fleste telefonkameraer og mange QR-apps til at fejle fuldstændigt, fordi QR-standarden er bygget på en antagelse om mørkt-på-lyst.
Hvis dit brand bruger en mørk baggrund som primærfarve, har du to muligheder:
- Placer QR-koden i en hvid eller lys "stille zone"-boks, der strækker sig mindst 4 moduler bredt på alle sider.
- Brug en lys version af din brandfarve som modulfarve mod en hvid baggrund, frem for at invertere hele koden.
Brug aldrig mørk baggrund med mørke moduler. Det er den hyppigste trykkefejl, vi ser på emballage.
Minimum kontrastratio
Web Content Accessibility Guidelines (WCAG) definerer en kontrastratio på 4,5:1 som minimum for læsbar tekst. For QR-koder er en ratio på mindst 4:1 mellem modulfarve og baggrundsfarve et praktisk arbejdsminimum. Jo højere, jo bedre.
Du kan beregne luminanskontrast med en hvilken som helst farvekontrast-checker (de fleste er gratis online). Indtast hex-værdien for din modulfarve og baggrundsfarve og aflæs ratioen.
Hurtig reference efter brandfarve-type
| Modulfarve | Baggrund | Ca. kontrast | Scannbar? |
|---|---|---|---|
| Sort (#000000) | Hvid (#FFFFFF) | 21:1 | Fremragende |
| Mørk marineblå (#0D1B2A) | Hvid | ~18:1 | Fremragende |
| Mørkegrøn (#1A5C2A) | Hvid | ~10:1 | God |
| Mellembrun-rød (#C0392B) | Hvid | ~5:1 | Marginal |
| Orange (#E67E22) | Hvid | ~3:1 | Fejler ofte |
| Gul (#F1C40F) | Hvid | ~1,7:1 | Fejler |
| Hvid (#FFFFFF) | Sort (#000000) | 21:1 | Fejler på de fleste kameraer |
Orange- og gulrækkerne illustrerer den fælde, som mange livsstils- og fødevarebrands falder i: varme, klare farver føles dristige, men har lav luminanskontrast mod hvid.
At arbejde med brandfarver med lav kontrast
Du behøver ikke opgive din farvepalette. Her er praktiske løsninger.
Gør modulfarven mørkere, ikke brandfarven
Hvis dit brandorange er #E67E22, bevarer en mørkere version som #7D3E00 (mørk brun-orange) en varm farvetone, mens den opnår en 9:1 kontrastratio mod hvid. Din QR-kode føles on-brand uden at ødelægge scanningen.
Brug brandfarven selektivt
Anvend din brandfarve kun på de tre findermønstre (hjørnefirkanterne) og lad datamodulerne forblive sorte. Det giver et stærkt branded udtryk, fordi øjet drages mod hjørnerne, mens dataområdet forbliver pålideligt.
Mange QR-kodegeneratorer lader dig indstille findermønsterets farve uafhængigt af modulfarven — brug denne funktion.
Vælg en farvet baggrund frem for farvede moduler
En let tonet baggrund (f.eks. en 15 % toning af din brandblå) med standard sorte moduler kan føles on-brand, mens kontrastens holdes høj til scanning. Toningen opfattes som brandfarve ved første øjekast; kontrasten forbliver høj for scanning.
Gradients og flerfarvede moduler
Gradients er en hyppig anmodning. Risikoen er, at den ene ende af gradienten mister kontrast mod baggrunden, selv hvis den anden ende er fin.
Hvis du ønsker en gradient:
- Test det lyseste punkt i gradienten mod din baggrund, ikke gennemsnittet.
- Undgå gradients, der passerer gennem varme melllemtoner (gule, lyse orange), selv kortvarigt.
- Hold gradients vandrette eller radiale frem for lodrette i dataområdet, så ingen enkelt række moduler falder under tærsklen.
Flerfarvede moduldesigns (forskellige farvetoner på tværs af koden) indebærer større risiko og bør helst efterprøves med fysiske trykprøver — scan altid en fysisk udprint, ikke blot en skærmforhåndsvisning, fordi tryk forskylder farver.
Materiale- og overfladevekselvirkninger
Farvekontrast beregnet på skærm kan opføre sig anderledes i tryk. Vær opmærksom på:
- Mat laminat sænker den opfattede kontrast med ca. 10–15 % sammenlignet med blankt, fordi det spreder lyset.
- Kraft- eller ubestrøget genbrugspapir har en varm gul-grå tone. Design din stille zone til at matche papirfarven og beregn kontrasten mod den, ikke mod ren hvid.
- Folie eller metalfarver er reflekterende og skaber effektivt en bevægende baggrund for kameraet. Undgå dem til QR-moduler; de er fine som omkringliggende designelementer.
Test inden du færdiggør
Uanset hvor gode dine tal ser ud på skærmen, skal du altid teste det fysiske output:
- Print i den faktiske brugsstørrelse (ikke større til korrekturformål).
- Scan med mindst tre enheder: en ældre Android mid-range telefon, en nyere iPhone og en dedikeret QR-app.
- Test i det faktiske lysmiljø — en restaurant-QR-kode på et bord belyses anderledes end en reklametavle i direkte sol.
- Hvis koden er på emballage, test under typisk detailhyldelys, som ofte er køligt lysstofrør eller LED med let farveforskydning.
Hvis én enhed fejler i det faktiske miljø, er farvekombinationen ikke acceptabel, uanset hvad kontrastberegneren viste.
Vigtigste pointer
- Moduler skal altid være mørkere end baggrunden — inverterede QR-koder fejler på de fleste kameraer.
- Sigt efter mindst 4:1 luminanskontrastratio; mål det med en kontrastchecker med dine præcise hex-værdier.
- Varme, klare farver (orange, gul, lys rød) ser dristige ud, men har farligt lav kontrast mod hvid.
- Hvis din brandfarve ikke består kontrastkontrollen, gør modulfarven mørkere frem for at droppe brandpaletten helt.
- Anvend din brandfarve på findermønstrene for visuelt indtryk, mens datamodulerne holdes mørke for pålidelighed.
- Test altid en fysisk udprint i faktisk størrelse under faktiske lysforhold — skærmforhåndsvisninger afslører ikke tryk- eller materialeproblemer med kontrast.