Warna kode QR yang tetap bisa dipindai

Pemindai membaca kontras, bukan warna

Pemindai tidak melihat merah atau biru. Ia menyederhanakan gambar menjadi skala abu-abu lalu mencari perbedaan terang-gelap antara modul dan latar belakang. Pasangan warna apa pun berhasil jika selisih luminansinya cukup lebar, dan pasangan apa pun gagal jika tidak — termasuk pasangan yang tampak sangat berbeda di mata Anda.

Ukuran yang berguna adalah rasio kontras, sama seperti yang dipakai untuk aksesibilitas web. Hitam di atas putih adalah 21:1. Untuk cetak, targetkan 7:1 atau lebih baik, dan anggap apa pun di bawah 4:1 sebagai kode yang akan gagal di suatu tempat: ruangan remang, kamera murah, label yang aus, ponsel yang dipegang miring.

Jaga kode tetap lebih gelap dari latar belakang

Modul gelap di atas latar belakang terang adalah yang diharapkan setiap dekoder. Itulah yang dijelaskan spesifikasinya, dan itulah yang diasumsikan pemindai perangkat keras, ponsel lama, dan pemindai di dalam aplikasi sebelum mereka mencoba hal yang lebih pintar.

Kode terbalik — modul terang di atas latar belakang gelap — memang bekerja di banyak ponsel modern. Kamera iOS dan Google Lens biasanya menanganinya. Namun banyak pemindai di dalam aplikasi, ponsel Android lama, dan hampir semua pemindai laser atau imager khusus tidak akan membalik warna, sehingga kode terbalik diam-diam membuat Anda kehilangan sebagian audiens tanpa pesan kesalahan dan tanpa cara untuk mengetahuinya.

Jika desainnya benar-benar membutuhkan permukaan gelap, jangan membalik warna. Cetak pelat terang di belakang kode — panel putih atau krem dengan seluruh zona tenang di dalamnya — dan pertahankan modul tetap gelap. Hasilnya terlihat disengaja dan bisa dipindai di mana saja.

Pasangan warna yang aman dan yang berisiko

Rasio kontras di bawah ini adalah perkiraan dan dihitung dengan cara WCAG, warna kode terhadap warna latar belakang. Apa pun di rentang aman masih menyisakan margin untuk pencahayaan buruk dan kamera murah.

Mengapa merah selalu jadi biang masalah

Merah membawa luminansi yang sangat sedikit dibandingkan betapa mencoloknya ia terlihat. Merah murni di atas hitam terukur sekitar 5:1 di atas kertas tetapi runtuh dalam praktik, karena kanal merah pada kamera adalah yang paling berisik dan pencahayaan dalam ruangan yang hangat menggeser white balance semakin merugikannya. Merah tua di atas hitam mendarat di sekitar 2:1 dan sama sekali tidak terbaca.

Jebakan yang sama menjerat kuning dan oranye dari ujung yang lain. Keduanya terbaca terang oleh mata, sehingga desainer memasangkannya dengan putih, tempat selisih luminansinya nyaris tidak ada. Kuning di atas putih sekitar 1.4:1 — kode yang bisa Anda lihat dengan jelas dan sama sekali tidak bisa dibaca pemindai.

Penanda sudut bukan hiasan

Tiga kotak besar di sudut adalah penanda sudut, dan sebuah kotak penyelaras yang lebih kecil berada dekat sudut kanan bawah pada semua kode kecuali yang paling kecil. Pemindai memakainya untuk menemukan kode, menentukan orientasinya, dan mengoreksi sudut pandang sebelum membaca satu pun modul data.

Bagian itu harus tetap menjadi bagian gambar yang paling gelap dan paling kontras. Mewarnainya dengan aksen yang lebih terang, mengisinya dengan gradien, memberinya garis tepi tipis, atau membiarkan logo maupun foto menimpanya adalah cara-cara yang pasti menghasilkan kode yang terlihat bagus tetapi hanya terpindai sesekali.

Mengubah bentuknya adalah soal lain dan itu tidak masalah. Penanda sudut yang membulat atau berbentuk lingkaran mempertahankan hubungan terang-gelap yang sama sambil mengubah siluetnya, itulah sebabnya opsi gaya tersedia. Yang harus dihindari adalah mengubah kontrasnya.

Gradien, foto, dan transparansi

Gradien di seluruh modul hanya aman jika setiap titik hentinya melewati ambang kontras Anda terhadap latar belakang. Gradien yang berjalan dari biru dongker pekat ke biru langit pucat akan terpindai di satu ujung kode dan gagal di ujung lainnya, dan itu lebih buruk daripada gagal total karena ia lolos dari uji pertama Anda.

• Jaga gradien tetap dalam rentang yang sempit dan gelap — misalnya #1E1B4B ke #4338CA, jangan pernah dongker ke putih.
• Terapkan gradien hanya pada modul. Biarkan latar belakang tetap satu warna terang yang rata.
• Jangan pernah menaruh kode langsung di atas foto. Letakkan di atas pelat terang solid dengan seluruh zona tenang berada di dalam pelat itu.
• Hindari kode semi-transparan di atas video atau gambar. Latar belakangnya bergerak dan kontrasnya ikut bergerak.

Memakai warna merek tanpa merusak pemindaian

Sebagian besar palet punya satu warna yang cukup gelap untuk berhasil. Ambil warna paling gelap dalam merek Anda, periksa terhadap putih, dan jika melewati 7:1 Anda bisa membangun seluruh kode darinya dan tetap sesuai identitas merek.

Jika warna merek tergolong terang atau bernada menengah, pakailah di tempat lain selain modul: sebagai latar belakang di belakang kode yang nyaris hitam, sebagai bingkai atau panel di sekitarnya, sebagai teks ajakan bertindak di bawahnya, atau sebagai logo di tengah. Kodenya sendiri tetap gelap dan semua yang mengelilinginya membawa identitas merek.

Logo di tengah menambah batasannya sendiri. Jaga ukurannya di bawah kira-kira 20 sampai 25 persen dari luas kode dan naikkan koreksi kesalahan ke Q (sekitar 25 persen pemulihan) atau H (sekitar 30 persen) agar modul yang tertutup bisa direkonstruksi.

Cara memeriksa sebelum mencetak

Tiga pemeriksaan ini menangkap hampir semua masalah, dan semuanya memakan waktu lebih singkat daripada mencetak ulang.

• Jalankan kedua nilai heks melalui pemeriksa kontras WCAG mana pun. Di bawah 4:1, ubah sesuatu. Antara 4:1 dan 7:1, uji dengan serius sebelum memutuskan.
• Tangkap layar kodenya lalu ubah ke skala abu-abu. Jika modul dan latar belakang melebur menjadi satu dalam abu-abu, itulah persis yang diterima pemindai.
• Cetak pada ukuran akhir di bahan akhir dan pindai dengan tiga ponsel, pada jarak nyata, dalam pencahayaan nyata — termasuk satu pemindai di dalam aplikasi, yang lebih ketat daripada kamera bawaan.