Parhaat QR-koodin värit ovat tummat moduulit (neliöt) vaalealla taustalla, ja kyllä, QR-koodeja voi värjätä. Sääntö on yksinkertainen: moduulien on oltava selvästi tummempia kuin taustan. Musta valkoisella antaa 21:1 kontrastisuhteen ja on turvallisin valinta. Brändättyä koodia varten tavoittele vähintään 4:1, ja käytä 7:1 tai enemmän ulkokylteissä, joissa auringonvalo ja etäisyys heikentävät tehokasta kontrastia. Tämä opas sisältää luvut, väritaulukon ja testausrutiinin.
Mitkä QR-koodivärit toimivat, ja voiko QR-koodeja värjätä?
QR-koodi voi olla melkein minkä värinen tahansa, ja se voi käyttää eri värejä moduuleille ja taustalle. Puhelimen kamera ei näe sävyä. Se muuntaa kuvan harmaasävyiseksi ja päättää, neliö neliöltä, mikä on tummaa ja mikä vaaleaa. Kysymys ei siis ole siitä, minkä värin valitset, vaan siitä, kuinka erilaisia kaksi harmaasävyarvoa ovat.
- Toimii: tummansininen, tummanvihreä, hiilenharmaa, tummanvioletti, tummanruskea tai musta moduuli valkoisella, kermanvärisellä tai muulla erittäin vaalealla taustalla.
- Toimii testin kanssa: tummanpunainen, tumma turkoosi ja tumma oranssi valkoisella. Tarkista ensin suhde ja skannaa painettu vedos.
- Ei toimi: keltainen, vaaleanharmaa, pastelli- tai neonmoduulit, ja kaikki väriparit, joilla on sama kirkkaus, kuten keskivihreä keskipunaisella.
- Riskialtis: vaaleat moduulit tummalla taustalla (käännetyt koodit). Monet skannerisovellukset lukevat ne, mutta jotkut eivät, joten vältä niitä kaikessa, mikä on tärkeää.
Miksi kontrasti vaikuttaa QR-koodin luettavuuteen
Optiset anturit lukevat QR-koodeja mittaamalla heijastavuuden eroa tummien ja vaaleiden moduulien välillä. QR-koodistandardi, ISO/IEC 18004, olettaa tummat moduulit vaalealla taustalla. Tummat moduulit absorboivat valoa ja vaalea tausta heijastaa sitä. Jos ero on liian pieni, dekooderi ei voi erottaa datakuviota taustasta.
Viivakooditestauksessa (ISO/IEC 15415) symbolin kontrasti on ero valoisimman ja tummimman heijastuksen välillä koodissa. Symbolin kontrasti 70 % tai enemmän ansaitsee parhaan arvosanan, ja alle 20 % on hylätty. Arvioijat tarkistavat myös modulaation, joka osoittaa, kuinka tasaisesti vaaleat ja tummat moduulit heijastavat koko symbolin alueella. Epätasaiset värit tai heikko erottelu saavat skannerin jättämään moduulien reunat huomaamatta.
Normaali polaarisuus, jossa tummat moduulit ovat vaalealla taustalla, toimii kaikilla laitteilla. Jotkin puhelimen sisäänrakennetut kamerasovellukset eivät pysty lukemaan vaaleita koodeja tummalla taustalla, ja tuki vaihtelee puhelinmallin ja ohjelmistoversion mukaan. Käytä normaalia polaarisuutta, ellet ole testannut käännettyä versiota yleisösi käyttämillä laitteilla.
Värikontrastisuhteiden ja kynnysarvojen arviointi
Kontrastisuhde on luku 1:1:stä (ei eroa) 21:1:een (musta valkoisella). Suhde perustuu Web Content Accessibility Guidelines (WCAG) -saavutettavuussääntöihin, jotka kirjoitettiin tekstiä varten, mutta ovat käytännöllinen tapa tarkistaa QR-koodien värit. Kontrastin tarkistaja (hae "WCAG contrast checker") hyväksyy kaksi heksakoodia ja palauttaa suhteen. Lisätietoja inklusiivisesta suunnittelusta löydät oppaastamme aiheesta QR-koodien ADA-yhteensopivuus: näin teet sen.
Käytä näitä tavoitteita. Vähintään 4:1 on minimi sisäkäyttöön painotuotteissa ja näytöissä. 7:1 tai enemmän on turvallisempi pakkauksille, lentolehtisille ja kaikelle vaihtelevassa valaistuksessa valokuvatulle. 10:1 tai enemmän on tavoite ulkokylteille. Alla olevat suhteet ovat likimääräisiä ja riippuvat tarkasta sävystä.
| Väriyhdistelmä | Likimääräinen kontrastisuhde | Skannattavuuden arviointi |
|---|---|---|
| Musta valkoisella | 21:1 | Optimaalinen (alan standardi) |
| Laivastonsininen beigellä | ~15:1 | Erinomainen |
| Tumman sininen vaaleankeltaisella | ~12:1 | Erittäin hyvä |
| Tummanruskea luonnonvalkoisella | ~8:1 | Hyvä |
| Puhdas punainen (#FF0000) valkoisella | ~4:1 | Rajatapaus, testaa ennen tulostusta |
| Tummanpunainen (#8B0000) valkoisella | ~11:1 | Erittäin hyvä |
| Vaaleanharmaa valkoisella | ~1.5:1 | Huono (usein esiintyviä skannausvirheitä) |
| Keltainen valkoisella | ~1.1:1 | Skannaamaton |
Mukauta koodeja uhraamatta skannattavuutta Testaa värejä ja esikatsele suunnittelua reaaliaikaisesti käyttämällä QR-koodi generaattori logolla tasapainottaaksesi brändin estetiikan ja luotettavan skannauksen.
Paras QR-koodin kontrastisuhde ulkokyltteihin
Mikään standardi ei määrittele vaadittua kontrastisuhdetta ulkona käytettäville QR-koodeille, mutta ulko-olosuhteet heikentävät kontrastia kolmella tavalla: suora auringonvalo haalistuttaa vaaleat alueet, häikäisy piilottaa osia koodista ja etäisyys sumentaa pieniä moduuleja. Suunnittele suurempi turvamarginaali kuin sisätiloissa.
- Käytä mustaa tai erittäin tummaa väriä valkoisella pohjalla. Pyri vähintään 10:1 suhteeseen.
- Tulosta mattamateriaalille tai lisää mattalaminaatti. Kiiltävä vinyyli ja lasi heijastavat aurinkoa ja rikkovat kuvion.
- Mitoita koodi skannausetäisyyden mukaan. Yleinen sääntö on 1 yksikkö koodin leveyttä jokaista 10 etäisyysyksikköä kohden, joten 2 metrin (noin 6,5 jalan) etäisyydeltä skannattavan koodin tulisi olla noin 20 cm (8 tuumaa) leveä.
- Säilytä täysi hiljainen alue ja aseta koodi tasaiselle vaalealle paneelille valokuvan sijaan.
- Vältä sijoittamasta koodia paikkaan, jossa se on alhaisen auringonvalon edessä tai lasin takana, ja skannaa tulostettu kyltti todellisella paikalla ennen täyden erän tilaamista.
Viivakoodin kontrasti: QR-koodit vs. lineaariset viivakoodit
Sammat kontrastisäännöt koskevat muita korkeakontrastisia viivakoodeja, kuten Code 128 tai EAN. Vähittäiskaupan skannerit käyttävät usein punaista laseria, ja punainen valo ei näe punaisia viivoja tai punaista mustetta tummana. Lineaaristen viivakoodien osalta tulosta viivat mustana, tummansinisenä tai tummanvihreänä valkoiselle pohjalle, ei koskaan punaisena tai oranssina. Puhelimen kameralla luettavat QR-koodit ovat värisävylle vähemmän herkkiä, mutta sama neuvo antaa luotettavimman tuloksen molemmille.
Hiljaisen alueen ja koodin mittojen turvaaminen
Korkean kontrastin on ulotuttava koodin reunaan asti. Kuvion ympärillä oleva tyhjä marginaali on hiljainen alue. Se kertoo kameralle, mistä koodi alkaa ja mihin muu kuvitus päättyy.
- Säilytä hiljainen alue vähintään neljän moduulin leveyden kokoisena kaikilla neljällä sivulla.
- Pidä tämä marginaali vapaana tekstistä, kuvituksista ja reunoista.
- Sovita hiljainen alue vaaleaan taustaväriisi, jotta raja on selkeä.
- Tulosta koodit vähintään 2 x 2 cm (0,8 x 0,8 tuumaa) suuruisina lähiskannausta varten. Käytä suurempia pidempiä linkkejä varten, koska enemmän dataa tarkoittaa pienempiä moduuleja.
- Suosi lyhyttä linkkiä. Lyhyt URL luo yksinkertaisemman kuvion suuremmilla moduuleilla, jotka skannautuvat paremmin heikossa valaistuksessa.
Hiljaisen alueen sisällä oleva teksti tai kuvitus on yleinen syy skannausvirheisiin brändimateriaaleissa. Oppaamme aiheesta parhaita käytäntöjä QR-koodin luettavuudelle näyttää, miten marginaalit säilytetään samalla kun sovitetaan ulkoasua.
Yleisten väri- ja tyylivirheiden välttäminen
Koodin mukauttaminen voi heikentää luettavuutta. Kamerat muuntavat kuvan harmaasävyiksi, joten kaksi eri sävyä voivat päätyä samaan kirkkauteen ja sulautua yhdeksi harmaaksi.
- Vältä pastellivärisiä moduuleita, kuten vauvansinistä, minttua tai vaaleankeltaista.
- Vältä kirkkaanpunaisia tai oransseja moduuleita. Laserskannerit lukevat punaisen valona, ja kontrastisuhde on usein alle 5:1. Tummanpunainen, kuten viininpunainen, on paljon turvallisempi.
- Vältä gradientteja, joissa moduulin värin vaalein osa on lähellä taustaa.
- Vältä läpinäkyviä taustoja valokuvien, teksturoitujen papereiden tai kuvioitujen pakkausten päällä. Sijoita koodi yhtenäiselle vaalealle paneelille.
- Vältä käänteisiä malleja, joissa on vaaleita moduuleita tummalla taustalla, ellet ole testannut niitä yleisösi käyttämillä puhelimilla.
- Vältä suuria logoja. Liian monta moduulia peittävä logo voi ylittää koodin virheenkorjauskapasiteetin.
Näiden rajojen tunteminen antaa sinun oppia kuinka luoda mukautettu QR-koodi joka näyttää brändisi rikkomatta dekoodausta.
Testaaminen ja validointi todellisissa ympäristöissä
Koodi, joka skannautuu kirkkaalta näytöltä, voi epäonnistua paperilla. Huoneen valo, katselukulma ja materiaalin rakenne muuttavat kaikki linssiin saapuvan kontrastin. Suora aurinko haalistaa pieniä värieroja, hämärät huoneet heikentävät sensorin kykyä erottaa moduuleita, ja kiiltävät pinnat lisäävät heijastuksia.
Suorita tämä tarkistus ennen jokaista painotyötä:
- Tarkista väripari kontrastintarkistajalla. Suhteen tulisi olla vähintään 4:1, ja 7:1 tai enemmän pakkauksissa ja ulkokäytössä.
- Tulosta vedos todelliselle materiaalille, todellisessa koossa ja todellisella viimeistelyllä.
- Skannaa se sisäänrakennetulla kameralla vähintään yhdessä iPhonessa ja yhdessä Android-puhelimessa, yhdessä vanhemmassa puhelimessa, jos mahdollista, ja selainpohjaisella QR-koodin lukija.
- Skannaa koodi sen vaikeimmissa valaistusolosuhteissa: hämärässä huoneessa, suorassa auringonpaisteessa ja kulmasta.
- Jos se epäröi, lisää kontrastia, suurenna koodia, lyhennä linkkiä tai palauta hiljainen vyöhyke.
Oppaamme aiheesta Näin testaat QR-koodin ennen painamista käsittelee tätä tarkemmin, ja kuinka parantaa QR-koodin luettavuutta käsittelee korjauksia epäonnistuneille koodeille.
QR-koodin luotettavuuden ja sitoutumisen maksimointi
Käsittele kontrastia teknisenä vaatimuksena, ei viimeistelynä. Valitse tumma väri vaalealle taustalle, säilytä hiljainen vyöhyke ja testaa tulostettu vedos siinä valaistuksessa, jossa sitä tullaan käyttämään. Tämä suojaa tulostusbudjettiasi koodeilta, jotka eivät skannaa.
Luo suurikontrastinen koodisi meidän QR-koodigeneraattori. Aseta moduulin ja taustan värit ja lataa PNG, SVG tai PDF. Jos tulostat koodin ja sinun on ehkä muutettava linkkiä myöhemmin, käytä dynaamista koodia: voit muokata kohdetta tulostuksen jälkeen ja nähdä skannaustilastoja. Dynaamisiin koodeihin sisältyy 14 päivän ilmainen kokeiluversio, ja suunnitelmat on lueteltu osoitteessa https://pageloot.com/pricing/.
Usein kysytyt kysymykset
Pyri vähintään 4:1-suhteeseen moduulien ja taustan välillä. Käytä vähintään 7:1-suhdetta pakkauksissa ja lentolehtisissä, ja vähintään 10:1-suhdetta ulkomainonnassa. Musta valkoisella on 21:1.
Kyllä. Mikä tahansa väri toimii, jos moduulit ovat selvästi tummempia kuin tausta. Syvä laivastonsininen, metsänvihreä, hiilenharmaa ja viininpunainen valkoisella tai kermanvärisellä taustalla toimivat hyvin. Keltainen, vaaleanharmaa ja pastellit eivät toimi.
Moduulit ja tausta voivat olla eri värisiä, ja voit käyttää mitä tahansa sävyä, mutta vain kirkkausero merkitsee. Puhelin lukee koodin harmaasävyisenä, joten kaksi saman kirkkauden omaavaa väriä eivät toimi. Tarkista suhde ja skannaa painettu vedos.
Virallista standardia ei ole. Suhteen 10:1 tai korkeampi on turvallinen tavoite, kuten musta valkoisella. Käytä mattapintaa heijastusten vähentämiseksi, koodin koko tulisi olla noin 1/10 skannausetäisyydestä, ja testaa se paikan päällä.
Kyllä, jos brändisi väri on riittävän tumma, kuten syvä laivastonsininen, metsänvihreä tai hiilenharmaa, ja se sijoittuu yhtenäiselle vaalealle taustalle. Jos brändisi väri on vaalea, käytä siitä tummaa sävyä moduuleissa.
QR-standardi määrittelee tummat moduulit vaalealla taustalla. Monet kamerasovellukset etsivät ensin tätä kuviota, ja jotkut eivät pysty lukemaan vaaleita moduuleja tummalla taustalla. Tuki vaihtelee puhelimittain, joten testaa ennen tulostamista.
Kyllä. Lineaariset viivakoodit, kuten Code 128 tai EAN, tarvitsevat myös tummia palkkeja vaaleaa taustaa vasten. Kaupan laserlukijat käyttävät punaista valoa, joten älä koskaan tulosta palkkeja punaisella tai oranssilla.
