Markalı QR kodlarında çoğu hata renkten kaynaklanır. Bir tasarımcı marka paletini seçer, kod maket üzerinde harika görünür; ardından gerçek dünyada tarama başarısız olur çünkü kontrast oranı çok düşüktür ya da renkler kameranın kenar algılama algoritmasını yanıltır. Bu rehber, markalı QR kodunuzun hem kurumsal kimliğe uygun hem de güvenilir biçimde taranabilir olması için izlemeniz gereken kuralları açıklar.
Renk QR Kodları Neden Bozar?
Bir QR tarayıcı — ister özel bir uygulama ister telefonun yerleşik kamerası olsun — koyu modüller (küçük kareler) ile açık arka plan arasındaki yüksek kontrastlı geçişleri bularak çalışır. Sistem yalnızca "siyah ve beyaz" aramaz; ölçülebilir bir parlaklık (luminans) farkı arar.
Bu parlaklık farkı güvenilir bir eşiğin altına düştüğünde iki şey olur:
- Bulucu desenler (üç büyük köşe karesi) tespit edilemez hale gelir.
- Bireysel modüller iç içe geçer ve kod çözme hatalarına yol açar.
Sonuç tutarsız taramadır: parlak güneş ışığında çalışır, iç mekânda çalışmaz; ya da mat ambalajda başarısız olurken parlak ekranda çalışır.
Temel Kural: Açık Arka Plan Üzerinde Koyu Modüller
QR kod renk tasarımında en önemli tek kural şudur: Modüller her zaman arka plandan daha koyu olmalıdır. Bunu tersine çevirmek (koyu arka plan üzerinde açık modüller) çoğu telefon kamerasının ve pek çok QR uygulamasının tamamen başarısız olmasına neden olur; çünkü QR standardı koyu-açık varsayımı üzerine inşa edilmiştir.
Markanız birincil renk olarak koyu bir arka plan kullanıyorsa iki seçeneğiniz var:
- QR kodu, tüm kenarlarda en az 4 modül genişliğinde uzanan beyaz veya açık renkli bir "sessiz bölge" kutusu içine yerleştirin.
- Tüm kodu tersine çevirmek yerine, beyaz arka plan üzerinde marka renginizin açık bir versiyonunu modül rengi olarak kullanın.
Koyu arka plan üzerinde asla koyu modül kullanmayın. Bu, ambalajlarda gördüğümüz bir numaralı baskı hatasıdır.
Minimum Kontrast Oranı
Web İçeriği Erişilebilirlik Yönergeleri (WCAG), okunabilir metin için minimum kontrast oranını 4,5:1 olarak tanımlar. QR kodlar için modül rengi ile arka plan rengi arasında en az 4:1 oranı, pratikte çalışan bir minimum değerdir. Ne kadar yüksekse o kadar iyidir.
Parlaklık kontrastını herhangi bir renk kontrast aracıyla hesaplayabilirsiniz (çoğu çevrimiçi ve ücretsizdir). Modül renginizin ve arka plan renginizin hex değerini girerek oranı okuyun.
Marka renk türüne göre hızlı referans tablosu
| Modül rengi | Arka plan | Yaklaşık kontrast | Taranabilir mi? |
|---|---|---|---|
| Siyah (#000000) | Beyaz (#FFFFFF) | 21:1 | Mükemmel |
| Koyu lacivert (#0D1B2A) | Beyaz | ~18:1 | Mükemmel |
| Koyu yeşil (#1A5C2A) | Beyaz | ~10:1 | İyi |
| Orta kırmızı (#C0392B) | Beyaz | ~5:1 | Sınırda |
| Turuncu (#E67E22) | Beyaz | ~3:1 | Çoğunlukla başarısız |
| Sarı (#F1C40F) | Beyaz | ~1,7:1 | Başarısız |
| Beyaz (#FFFFFF) | Siyah (#000000) | 21:1 | Çoğu kamerada başarısız |
Turuncu ve sarı satırları, pek çok yaşam tarzı ve gıda markasının düştüğü tuzağı göstermektedir: sıcak, parlak renkler cesur görünür ancak beyaza karşı düşük parlaklık kontrastına sahiptir.
Düşük Kontrastlı Marka Renkleriyle Çalışmak
Paletinizi tamamen terk etmenize gerek yok. İşte pratik çözümler.
Marka rengini değil, modül rengini koyulaştırın
Marka turuncunuz #E67E22 ise, #7D3E00 gibi koyulaştırılmış bir versiyon (koyu kahverengi-turuncu), beyaza karşı 9:1 kontrast oranına ulaşırken sıcak tonu korur. QR kodunuz markaya uygun hissettirir ve taramayı bozmaz.
Marka rengini seçici biçimde kullanın
Marka renginizi yalnızca üç bulucu desene (köşe karelerine) uygulayın ve veri modüllerini siyah bırakın. Göz köşelere çekildiğinden güçlü bir marka izlenimi yaratırken veri alanı güvenilir kalır.
Pek çok QR kod oluşturucu bulucu desen rengini modül renginden bağımsız olarak ayarlamanıza izin verir — bu özelliği kullanın.
Renkli modüller yerine renkli arka plan seçin
Standart siyah modüllerle hafifçe tonlanmış bir arka plan (örneğin marka mavinizin %15 tonu) markaya uygun bir his yaratabilir ve mükemmel kontrastı koruyabilir. Ton bakışta marka rengi olarak okunur; kontrast tarama için yüksek kalır.
Degrade ve Çok Renkli Modüller
Degrade sık talep edilen bir özelliktir. Risk şudur: degradenin bir ucu arka plana karşı kontrast kaybedebilir, diğer uç sorunsuz olsa bile.
Degrade kullanmak istiyorsanız:
- Degradenin ortalama değerine değil, en açık noktasını arka planınıza karşı test edin.
- Kısa süreliğine bile olsa sıcak orta tonlardan (sarılar, açık turuncular) geçen degradelerden kaçının.
- Veri alanında hiçbir modül satırının eşiğin altına düşmemesi için degradeleri dikey yerine yatay ya da radyal tutun.
Çok renkli modül tasarımları (kod genelinde farklı tonlar) daha yüksek risk taşır ve en iyi baskı provasıyla değerlendirilir — baskı renkleri kaydırabileceğinden yalnızca ekran önizlemesine değil, mutlaka fiziksel baskıya bakarak tarama yapın.
Malzeme ve Yüzey Etkileşimleri
Ekranda hesaplanan renk kontrastı baskıda farklı davranabilir. Dikkat edilmesi gerekenler:
- Mat laminasyon, ışığı saçtırdığı için parlak yüzeye kıyasla algılanan kontrastı yaklaşık %10–15 düşürür.
- Kraft veya kaplanmamış geri dönüşümlü kağıt sıcak sarı-gri bir tona sahiptir. Sessiz bölgenizi kağıt rengiyle eşleşecek şekilde tasarlayın ve kontrastı saf beyaza karşı değil, o renge karşı yeniden hesaplayın.
- Folyo veya metalik mürekkepler yansıtıcıdır ve kamera için hareket eden bir arka plan oluşturur. QR modüllerinde kullanmaktan kaçının; çevresindeki tasarım öğeleri için sorun yoktur.
Sonuçlandırmadan Önce Test Edin
Ekrandaki rakamlar ne kadar iyi görünürse görünsün, fiziksel çıktıyı her zaman test edin:
- Gerçek kullanım boyutunda baskı alın (prova amacıyla daha büyük değil).
- En az üç cihazla tarayın: eski bir orta segment Android telefon, yeni bir iPhone ve özel bir QR uygulaması.
- Gerçek aydınlatma ortamında test edin — bir restoran masasındaki QR kodu, doğrudan güneş ışığındaki bir billboard'dan farklı aydınlatılır.
- Kod ambalaj üzerindeyse, genellikle hafif renk kayması olan serin floresan veya LED ışık altında tipik perakende raf aydınlatmasında test edin.
Bir cihaz gerçek ortamda başarısız olursa, kontrast hesaplayıcısı ne demiş olursa olsun, o renk kombinasyonu kabul edilemez.
Temel Çıkarımlar
- Modüller her zaman arka plandan daha koyu olmalıdır — tersine çevrilmiş QR kodlar çoğu kamerada başarısız olur.
- En az 4:1 parlaklık kontrast oranını hedefleyin; tam hex değerlerinizi kullanarak bir kontrast aracıyla ölçün.
- Sıcak parlak renkler (turuncu, sarı, açık kırmızı) cesur görünür ancak beyaza karşı tehlikeli derecede düşük kontrast içerir.
- Marka renginiz kontrast testini geçemiyorsa, marka paletini tamamen bırakmak yerine modül rengini koyulaştırın.
- Görsel etki için marka renginizi bulucu desenlere uygulayın; güvenilirlik için veri modüllerini koyu tutun.
- Ekran önizlemeleri baskı veya malzeme kontrast sorunlarını ortaya koymaz — gerçek boyutta gerçek aydınlatmada mutlaka fiziksel baskıyı test edin.
