Màu sắc là điểm mà hầu hết các mã QR có thương hiệu mắc sai lầm. Nhà thiết kế chọn bảng màu của thương hiệu, mã trông rất đẹp trong bản mockup, nhưng khi quét thực tế lại thất bại vì tỷ lệ tương phản quá thấp hoặc màu sắc gây nhầm lẫn cho thuật toán phát hiện cạnh của camera. Hướng dẫn này cung cấp các quy tắc cụ thể để mã QR mang thương hiệu của bạn vừa đúng nhận diện thương hiệu vừa đảm bảo quét ổn định.
Tại Sao Màu Sắc Làm Hỏng Mã QR
Một máy quét mã QR — dù là ứng dụng chuyên dụng hay camera tích hợp trên điện thoại — hoạt động bằng cách tìm kiếm sự chuyển đổi có độ tương phản cao giữa các mô-đun tối (các ô vuông nhỏ) và nền sáng. Nó không đơn thuần tìm kiếm "đen và trắng" — mà tìm kiếm sự chênh lệch độ sáng (luminance) có thể đo lường được.
Khi sự chênh lệch độ sáng này giảm xuống dưới ngưỡng đáng tin cậy, hai điều xảy ra:
- Các mẫu định vị (ba ô vuông lớn ở góc) trở nên khó xác định vị trí.
- Các mô-đun riêng lẻ nhòe vào nhau, gây ra lỗi giải mã.
Kết quả là việc quét không ổn định: hoạt động được khi nắng sáng, thất bại trong nhà, hoặc thất bại trên bao bì mờ nhưng lại hoạt động trên màn hình bóng.
Quy Tắc Cốt Lõi: Mô-Đun Tối Trên Nền Sáng
Quy tắc quan trọng nhất trong thiết kế màu sắc mã QR là luôn giữ các mô-đun tối hơn nền — mọi lúc. Đảo ngược điều này (mô-đun sáng trên nền tối) sẽ khiến hầu hết camera điện thoại và nhiều ứng dụng QR thất bại hoàn toàn, vì tiêu chuẩn QR được xây dựng dựa trên giả định mô-đun tối trên nền sáng.
Nếu thương hiệu của bạn sử dụng nền tối làm màu chủ đạo, bạn có hai lựa chọn:
- Đặt mã QR bên trong ô "vùng yên tĩnh" màu trắng hoặc màu sáng, mở rộng ít nhất 4 mô-đun về mọi phía.
- Sử dụng phiên bản màu sáng hơn của màu thương hiệu làm màu mô-đun trên nền trắng, thay vì đảo ngược toàn bộ mã.
Tuyệt đối không dùng nền tối với mô-đun tối. Đây là lỗi in ấn số một chúng tôi thấy trên bao bì sản phẩm.
Tỷ Lệ Tương Phản Tối Thiểu
Hướng dẫn Tiếp cận Nội dung Web (WCAG) xác định tỷ lệ tương phản 4,5:1 là mức tối thiểu cho văn bản có thể đọc được. Đối với mã QR, tỷ lệ ít nhất 4:1 giữa màu mô-đun và màu nền là mức tối thiểu thực tế có thể áp dụng. Càng cao càng tốt.
Bạn có thể tính toán tương phản độ sáng bằng bất kỳ công cụ kiểm tra tương phản màu nào (hầu hết miễn phí trực tuyến). Nhập giá trị hex của màu mô-đun và màu nền rồi đọc kết quả tỷ lệ.
Tham chiếu nhanh theo loại màu thương hiệu
| Màu mô-đun | Nền | Tương phản ước tính | Có thể quét? |
|---|---|---|---|
| Đen (#000000) | Trắng (#FFFFFF) | 21:1 | Xuất sắc |
| Xanh navy đậm (#0D1B2A) | Trắng | ~18:1 | Xuất sắc |
| Xanh lá đậm (#1A5C2A) | Trắng | ~10:1 | Tốt |
| Đỏ vừa (#C0392B) | Trắng | ~5:1 | Ở mức giới hạn |
| Cam (#E67E22) | Trắng | ~3:1 | Thường thất bại |
| Vàng (#F1C40F) | Trắng | ~1,7:1 | Thất bại |
| Trắng (#FFFFFF) | Đen (#000000) | 21:1 | Thất bại trên hầu hết camera |
Các hàng màu cam và vàng minh họa cái bẫy thường gặp với nhiều thương hiệu lifestyle và thực phẩm: màu sắc ấm, sáng trông nổi bật nhưng lại có độ tương phản độ sáng thấp so với nền trắng.
Xử Lý Màu Thương Hiệu Có Độ Tương Phản Thấp
Bạn không phải từ bỏ bảng màu của mình. Dưới đây là các giải pháp thực tế.
Làm tối màu mô-đun, không phải màu thương hiệu
Nếu màu cam thương hiệu của bạn là #E67E22, phiên bản tối hơn như #7D3E00 (nâu cam đậm) vẫn giữ được gam màu ấm trong khi đạt tỷ lệ tương phản 9:1 so với nền trắng. Mã QR của bạn vẫn mang cảm giác thương hiệu mà không làm hỏng quét.
Sử dụng màu thương hiệu có chọn lọc
Áp dụng màu thương hiệu chỉ cho ba mẫu định vị (ô vuông ở góc) và giữ các mô-đun dữ liệu màu đen. Điều này tạo ấn tượng thương hiệu mạnh mẽ vì mắt bị thu hút vào các góc, trong khi vùng dữ liệu vẫn đáng tin cậy.
Nhiều trình tạo mã QR cho phép bạn đặt màu mẫu định vị độc lập với màu mô-đun — hãy tận dụng tính năng này.
Chọn nền có màu thay vì mô-đun có màu
Nền được tô nhẹ (ví dụ: 15% tông màu xanh thương hiệu của bạn) với các mô-đun đen tiêu chuẩn có thể mang cảm giác thương hiệu trong khi vẫn duy trì độ tương phản xuất sắc. Màu nhạt được nhận diện là màu thương hiệu ngay lập tức; độ tương phản vẫn cao để quét tốt.
Mô-Đun Dạng Gradient và Nhiều Màu
Gradient là yêu cầu thường gặp. Rủi ro là một đầu của gradient mất độ tương phản so với nền ngay cả khi đầu kia vẫn ổn.
Nếu bạn muốn dùng gradient:
- Kiểm tra điểm sáng nhất của gradient so với nền, không phải giá trị trung bình.
- Tránh gradient đi qua các tông màu ấm trung tính (vàng, cam nhạt) dù chỉ ngắn.
- Giữ gradient theo chiều ngang hoặc hướng tâm thay vì chiều dọc trong vùng dữ liệu, để không có hàng mô-đun nào giảm xuống dưới ngưỡng.
Thiết kế mô-đun nhiều màu (màu sắc khác nhau trên khắp mã) có rủi ro cao hơn và tốt nhất nên kiểm tra bằng bản in thực — luôn quét bản in vật lý, không chỉ xem trên màn hình, vì in ấn làm thay đổi màu sắc.
Tương Tác Với Chất Liệu và Bề Mặt
Độ tương phản màu tính toán trên màn hình có thể biểu hiện khác nhau khi in. Cần chú ý:
- Màng phủ mờ làm giảm độ tương phản cảm nhận khoảng 10–15% so với bề mặt bóng, vì nó tán xạ ánh sáng.
- Giấy kraft hoặc giấy tái chế không tráng phủ có tông vàng xám ấm. Thiết kế vùng yên tĩnh để khớp với màu giấy và tính lại độ tương phản dựa trên màu đó, không phải màu trắng thuần.
- Mực nhũ vàng hoặc kim loại có tính phản chiếu và thực chất tạo ra nền di động cho camera. Tránh dùng cho mô-đun QR; chúng phù hợp cho các yếu tố thiết kế xung quanh.
Kiểm Tra Trước Khi Hoàn Thiện
Dù con số trên màn hình trông tốt đến đâu, hãy luôn kiểm tra bản in vật lý:
- In ở kích thước sử dụng thực tế (không phải kích thước lớn hơn chỉ để kiểm tra).
- Quét với ít nhất ba thiết bị: một điện thoại Android tầm trung đời cũ, một iPhone đời mới, và một ứng dụng QR chuyên dụng.
- Kiểm tra trong môi trường ánh sáng thực tế — mã QR trong nhà hàng trên bàn ăn được chiếu sáng khác hoàn toàn so với biển quảng cáo ngoài trời dưới nắng trực tiếp.
- Nếu mã trên bao bì, kiểm tra dưới ánh sáng kệ hàng bán lẻ thông thường, thường là đèn huỳnh quang hoặc LED lạnh với độ lệch màu nhẹ.
Nếu một thiết bị thất bại trong môi trường thực tế, tổ hợp màu đó không chấp nhận được bất kể máy tính tương phản cho biết điều gì.
Những Điểm Cần Nhớ
- Các mô-đun phải luôn tối hơn nền — mã QR đảo ngược thất bại trên hầu hết camera.
- Đặt mục tiêu tỷ lệ tương phản độ sáng ít nhất 4:1; đo bằng công cụ kiểm tra tương phản sử dụng giá trị hex chính xác của bạn.
- Màu sắc ấm sáng (cam, vàng, đỏ nhạt) trông nổi bật nhưng có độ tương phản nguy hiểm thấp so với nền trắng.
- Nếu màu thương hiệu của bạn không đạt kiểm tra tương phản, hãy làm tối màu mô-đun thay vì từ bỏ hoàn toàn bảng màu thương hiệu.
- Áp dụng màu thương hiệu cho các mẫu định vị để tạo ấn tượng thị giác trong khi giữ mô-đun dữ liệu tối để đảm bảo độ tin cậy.
- Luôn kiểm tra bản in vật lý ở kích thước thực trong ánh sáng thực — xem trước trên màn hình không phát hiện được các vấn đề về tương phản khi in hay chất liệu.