สีของคิวอาร์โค้ดที่ดีที่สุดคือโมดูลสีเข้ม (สี่เหลี่ยม) บนพื้นหลังสีอ่อน และใช่ คิวอาร์โค้ดสามารถมีสีได้ กฎง่ายๆ คือ: โมดูลต้องมืดกว่าพื้นหลังอย่างชัดเจน สีดำบนสีขาวให้อัตราส่วนความคมชัด 21:1 และเป็นตัวเลือกที่ปลอดภัยที่สุด สำหรับโค้ดที่มีแบรนด์ ควรตั้งเป้าไว้ที่อย่างน้อย 4:1 และใช้ 7:1 หรือมากกว่าสำหรับป้ายกลางแจ้ง ซึ่งแสงแดดและระยะทางจะลดความคมชัดที่มีประสิทธิภาพลง คู่มือนี้จะให้ตัวเลข ตารางสี และขั้นตอนการทดสอบ
สีของคิวอาร์โค้ดสีใดที่ใช้งานได้ และคิวอาร์โค้ดสามารถมีสีได้หรือไม่?
คิวอาร์โค้ดสามารถเป็นสีอะไรก็ได้ และสามารถใช้สีที่ต่างกันสำหรับโมดูลและพื้นหลังได้ กล้องโทรศัพท์ไม่เห็นเฉดสี มันจะแปลงภาพเป็นระดับสีเทาและตัดสินใจทีละช่องว่าส่วนใดมืดและส่วนใดสว่าง ดังนั้นคำถามจึงไม่ใช่ว่าคุณเลือกสีอะไร แต่เป็นความแตกต่างระหว่างค่าระดับสีเทาทั้งสองนั้นมากน้อยเพียงใด
- ใช้งานได้: โมดูลสีกรมท่า, เขียวเข้ม, ชาร์โคล, ม่วงเข้ม, น้ำตาลเข้ม หรือสีดำ บนพื้นหลังสีขาว, ครีม หรือสีอ่อนมากอื่นๆ
- ใช้งานได้พร้อมการทดสอบ: สีแดงเข้ม, สีน้ำเงินอมเขียวเข้ม และสีส้มเข้มบนสีขาว ตรวจสอบอัตราส่วนก่อน และสแกนหลักฐานที่พิมพ์แล้ว
- ใช้งานไม่ได้: โมดูลสีเหลือง, เทาอ่อน, พาสเทล หรือนีออน และสีคู่ใดๆ ที่มีความสว่างเท่ากัน เช่น สีเขียวกลางบนสีแดงกลาง
- เสี่ยง: โมดูลสีอ่อนบนพื้นหลังสีเข้ม (โค้ดกลับสี) แอปสแกนเนอร์หลายตัวอ่านได้ แต่บางตัวอ่านไม่ได้ ดังนั้นควรหลีกเลี่ยงการใช้งานในกรณีที่สำคัญ
เหตุใดความคมชัดจึงควบคุมความสามารถในการสแกนคิวอาร์โค้ด
เซ็นเซอร์แสงอ่านคิวอาร์โค้ดโดยการวัดความแตกต่างในการสะท้อนแสงระหว่างโมดูลสีเข้มและสีอ่อน มาตรฐานคิวอาร์โค้ด ISO/IEC 18004 กำหนดให้ใช้โมดูลสีเข้มบนพื้นหลังสีอ่อน โมดูลสีเข้มจะดูดซับแสงและพื้นหลังสีอ่อนจะสะท้อนแสง หากความแตกต่างน้อยเกินไป ตัวถอดรหัสจะไม่สามารถแยกรูปแบบข้อมูลออกจากพื้นหลังได้
ในการทดสอบบาร์โค้ด (ISO/IEC 15415) ความเปรียบต่างของสัญลักษณ์คือความแตกต่างระหว่างค่าการสะท้อนที่สว่างที่สุดและมืดที่สุดในโค้ด ความเปรียบต่างของสัญลักษณ์ 70% ขึ้นไปจะได้เกรดสูงสุด ส่วนที่ต่ำกว่า 20% จะไม่ผ่าน ผู้ประเมินจะตรวจสอบการปรับค่า (modulation) ซึ่งแสดงให้เห็นว่าโมดูลสีอ่อนและสีเข้มสะท้อนแสงเท่ากันทั่วทั้งสัญลักษณ์เพียงใด สีที่ไม่สม่ำเสมอหรือการแยกที่อ่อนแอจะทำให้เครื่องสแกนพลาดขอบโมดูลได้
โพลาริตี้ปกติ ซึ่งมีโมดูลสีเข้มบนพื้นหลังสีอ่อน ใช้งานได้กับทุกอุปกรณ์ แอปกล้องถ่ายรูปในโทรศัพท์บางรุ่นไม่สามารถอ่านโค้ดสีอ่อนบนพื้นหลังสีเข้มได้ และการรองรับจะแตกต่างกันไปตามรุ่นโทรศัพท์และเวอร์ชันซอฟต์แวร์ ใช้โพลาริตี้ปกติเว้นแต่คุณจะได้ทดสอบเวอร์ชันที่กลับด้านบนอุปกรณ์ที่กลุ่มเป้าหมายของคุณใช้งาน
การประเมินอัตราส่วนความเปรียบต่างของสีและค่าเกณฑ์
อัตราส่วนความเปรียบต่างเป็นตัวเลขตั้งแต่ 1:1 (ไม่มีความแตกต่าง) ถึง 21:1 (สีดำบนพื้นขาว) อัตราส่วนนี้มาจากกฎการเข้าถึงได้ใน Web Content Accessibility Guidelines (WCAG) ซึ่งเขียนขึ้นสำหรับข้อความ แต่เป็นวิธีที่ใช้ได้จริงในการตรวจสอบสีของ QR เครื่องมือตรวจสอบความเปรียบต่าง (ค้นหา "WCAG contrast checker") จะรับรหัส hex สองรหัสและส่งคืนอัตราส่วน สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบที่ครอบคลุม โปรดอ่านคำแนะนำของเราในหัวข้อ วิธีทำให้ QR โค้ดเป็นไปตามมาตรฐาน ADA.
ใช้ค่าเป้าหมายเหล่านี้ อย่างน้อย 4:1 เป็นค่าต่ำสุดสำหรับการพิมพ์ภายในอาคารและหน้าจอ 7:1 ขึ้นไปจะปลอดภัยกว่าสำหรับบรรจุภัณฑ์ ใบปลิว และสิ่งใดก็ตามที่ถ่ายภาพในสภาพแสงที่แตกต่างกัน 10:1 ขึ้นไปเป็นเป้าหมายสำหรับป้ายกลางแจ้ง อัตราส่วนด้านล่างนี้เป็นค่าโดยประมาณและขึ้นอยู่กับเฉดสีที่แน่นอน
| การผสมสี | อัตราส่วนความเปรียบต่างโดยประมาณ | การประเมินความสามารถในการสแกน |
|---|---|---|
| ดำบนขาว | 21:1 | เหมาะสมที่สุด (มาตรฐานอุตสาหกรรม) |
| สีกรมท่าบนสีเบจ | ~15:1 | ยอดเยี่ยม |
| สีน้ำเงินเข้มบนสีเหลืองอ่อน | ~12:1 | ดีมาก |
| สีน้ำตาลเข้มบนสีขาวนวล | ~8:1 | ดี |
| สีแดงบริสุทธิ์ (#FF0000) บนสีขาว | ~4:1 | ปริ่มๆ, ทดสอบก่อนพิมพ์ |
| สีแดงเข้ม (#8B0000) บนสีขาว | ~11:1 | ดีมาก |
| สีเทาอ่อนบนสีขาว | ~1.5:1 | ไม่ดี (สแกนล้มเหลวบ่อยครั้ง) |
| สีเหลืองบนสีขาว | ~1.1:1 | สแกนไม่ได้ |
ปรับแต่งโค้ดโดยไม่ลดทอนความสามารถในการสแกน ทดสอบสีและดูตัวอย่างการออกแบบของคุณแบบเรียลไทม์โดยใช้ สร้าง QR Code ใส่โลโก้ เพื่อรักษาสมดุลระหว่างความสวยงามของแบรนด์กับการสแกนที่เชื่อถือได้
อัตราส่วนความเปรียบต่างของ QR โค้ดที่ดีที่สุดสำหรับป้ายกลางแจ้ง
ไม่มีมาตรฐานใดกำหนดอัตราส่วนที่จำเป็นสำหรับ QR โค้ดกลางแจ้ง แต่สภาพกลางแจ้งจะลดคอนทราสต์ได้สามวิธี: แสงแดดโดยตรงทำให้พื้นที่สว่างจางลง แสงสะท้อนบดบังส่วนต่างๆ ของโค้ด และระยะทางทำให้โมดูลขนาดเล็กพร่ามัว วางแผนเผื่อระยะปลอดภัยที่มากกว่าการใช้งานภายในอาคาร
- ใช้สีดำหรือสีเข้มมากบนพื้นขาว ตั้งเป้าที่อัตราส่วน 10:1 หรือสูงกว่า
- พิมพ์บนวัสดุผิวด้านหรือเคลือบด้าน ไวนิลและกระจกเงาจะสะท้อนแสงแดดและทำให้ลวดลายแตกแยก
- กำหนดขนาดโค้ดตามระยะการสแกน กฎทั่วไปคือความกว้างโค้ด 1 หน่วยต่อระยะทาง 10 หน่วย ดังนั้นโค้ดที่สแกนจาก 2 เมตร (ประมาณ 6.5 ฟุต) ควรมีความกว้างประมาณ 20 ซม. (8 นิ้ว)
- รักษา Quiet Zone ให้สมบูรณ์ และวางโค้ดบนแผ่นพื้นสีอ่อนทึบแทนรูปภาพ
- หลีกเลี่ยงการวางโค้ดในตำแหน่งที่โดนแดดอ่อนๆ หรืออยู่หลังกระจก และสแกนป้ายที่พิมพ์ออกมา ณ สถานที่จริงก่อนสั่งพิมพ์จำนวนมาก
คอนทราสต์ของบาร์โค้ด: QR โค้ดเทียบกับบาร์โค้ดแบบเส้นตรง
กฎคอนทราสต์เดียวกันนี้ใช้กับบาร์โค้ดที่มีคอนทราสต์สูงอื่นๆ เช่น Code 128 หรือ EAN เครื่องสแกนในร้านค้ามักใช้เลเซอร์สีแดง และแสงสีแดงจะไม่เห็นแถบสีแดงหรือหมึกสีแดงเป็นสีเข้ม สำหรับบาร์โค้ดแบบเส้นตรง ให้พิมพ์แถบเป็นสีดำ, น้ำเงินเข้ม หรือเขียวเข้มบนพื้นขาว และห้ามใช้สีแดงหรือส้ม QR โค้ดที่อ่านด้วยกล้องโทรศัพท์จะมีความไวต่อสีน้อยกว่า แต่คำแนะนำเดียวกันนี้จะให้ผลลัพธ์ที่น่าเชื่อถือที่สุดสำหรับทั้งสองแบบ
การรักษา Quiet Zone และขนาดของโค้ด
คอนทราสต์สูงต้องครอบคลุมไปจนถึงขอบของโค้ด ขอบว่างรอบๆ ลวดลายคือ Quiet Zone ซึ่งจะบอกกล้องว่าโค้ดเริ่มต้นที่ไหนและงานศิลปะอื่นๆ สิ้นสุดที่ไหน
- รักษาระยะ Quiet Zone ให้มีความกว้างอย่างน้อยสี่โมดูลในทั้งสี่ด้าน
- รักษาระยะขอบนี้ให้ปราศจากข้อความ ภาพประกอบ และเส้นขอบ
- ปรับ Quiet Zone ให้เข้ากับสีพื้นหลังอ่อนๆ ของคุณ เพื่อให้ขอบเขตสะอาดตา
- พิมพ์โค้ดขนาดอย่างน้อย 2 x 2 ซม. (0.8 x 0.8 นิ้ว) สำหรับการสแกนระยะใกล้แบบมือถือ พิมพ์ให้ใหญ่ขึ้นสำหรับลิงก์ที่ยาวขึ้น เนื่องจากข้อมูลที่มากขึ้นหมายถึงโมดูลที่เล็กลง
- ควรใช้ลิงก์สั้น URL สั้น ๆ ทำให้เกิดรูปแบบที่เรียบง่ายขึ้นด้วยโมดูลที่ใหญ่ขึ้น ซึ่งสามารถสแกนได้ดีกว่าในที่แสงน้อย
ข้อความหรืองานศิลปะภายในโซนเงียบมักเป็นสาเหตุของการสแกนผิดพลาดบนวัสดุที่มีตราสินค้า คู่มือของเราเกี่ยวกับ แนวทางปฏิบัติที่ดีที่สุดสำหรับการอ่านรหัส QR แสดงให้เห็นถึงวิธีรักษาระยะขอบในขณะที่จัดวางเลย์เอาต์ของคุณ
หลีกเลี่ยงข้อผิดพลาดทั่วไปในการเลือกใช้สีและสไตล์
การปรับแต่งโค้ดอาจส่งผลเสียต่อความสามารถในการอ่าน กล้องจะแปลงภาพเป็นระดับสีเทา ดังนั้นสีที่แตกต่างกันสองสีอาจมีค่าความสว่างเท่ากันและรวมกันเป็นสีเทาเดียว
- หลีกเลี่ยงโมดูลสีพาสเทล เช่น สีฟ้าอ่อน สีมิ้นต์ หรือสีเหลืองอ่อน
- หลีกเลี่ยงโมดูลสีแดงสดหรือสีส้ม เครื่องสแกนเลเซอร์อ่านสีแดงว่าเป็นแสง และอัตราส่วนคอนทราสต์มักจะต่ำกว่า 5:1 การใช้สีแดงเข้ม เช่น สีน้ำตาลแดง จะปลอดภัยกว่ามาก
- หลีกเลี่ยงการไล่ระดับสีที่ส่วนที่สว่างที่สุดของสีโมดูลอยู่ใกล้กับพื้นหลัง
- หลีกเลี่ยงพื้นหลังโปร่งใสทับรูปภาพ กระดาษที่มีพื้นผิว หรือบรรจุภัณฑ์ที่มีลวดลาย ควรวางโค้ดบนแผงสีอ่อนทึบ
- หลีกเลี่ยงการออกแบบแบบกลับด้านที่มีโมดูลสีอ่อนบนพื้นหลังสีเข้ม เว้นแต่คุณได้ทดสอบกับโทรศัพท์ที่กลุ่มเป้าหมายของคุณใช้แล้ว
- หลีกเลี่ยงโลโก้ขนาดใหญ่ โลโก้ที่ครอบคลุมโมดูลมากเกินไปอาจเกินขีดความสามารถในการแก้ไขข้อผิดพลาดของโค้ด
การรู้ข้อจำกัดเหล่านี้จะช่วยให้คุณเรียนรู้ วิธีสร้างโค้ด QR แบบกำหนดเอง ที่แสดงแบรนด์ของคุณโดยไม่ทำให้การถอดรหัสเสียไป
การทดสอบและตรวจสอบความถูกต้องในสภาพแวดล้อมจริง
โค้ดที่สแกนได้จากจอภาพที่สว่างอาจใช้งานไม่ได้บนกระดาษ แสงในห้อง มุมมอง และพื้นผิววัสดุล้วนเปลี่ยนคอนทราสต์ที่ไปถึงเลนส์ แสงแดดโดยตรงจะทำให้ความแตกต่างของสีเล็กน้อยจางลง ห้องที่มืดจะลดความสามารถของเซ็นเซอร์ในการแยกโมดูล และพื้นผิวที่มันวาวจะเพิ่มแสงสะท้อน
ทำการตรวจสอบนี้ก่อนงานพิมพ์ทุกครั้ง:
- ตรวจสอบคู่สีในเครื่องตรวจสอบคอนทราสต์ อัตราส่วนควรอยู่ที่อย่างน้อย 4:1 และ 7:1 หรือมากกว่าสำหรับการบรรจุภัณฑ์และการใช้งานกลางแจ้ง
- พิมพ์ตัวอย่างบนวัสดุจริง ในขนาดจริง ด้วยการตกแต่งจริง
- สแกนด้วยกล้องในตัวบน iPhone อย่างน้อยหนึ่งเครื่องและ Android อย่างน้อยหนึ่งเครื่อง โทรศัพท์รุ่นเก่าหนึ่งเครื่องถ้าเป็นไปได้ และเครื่องมือที่ใช้เบราว์เซอร์ สแกนคิวอาร์โค้ด.
- สแกนในสภาพแสงที่แย่ที่สุดที่โค้ดจะต้องเจอ: ห้องสลัว, แสงแดดส่องโดยตรง, และในมุมเอียง
- หากโค้ดลังเล ให้เพิ่มความคมชัด, ขยายขนาดโค้ด, ทำให้ลิงก์สั้นลง หรือฟื้นฟูโซนว่าง
คู่มือของเราเกี่ยวกับ วิธีทดสอบ QR โค้ดก่อนพิมพ์ ครอบคลุมเรื่องนี้อย่างละเอียด, และ วิธีปรับปรุงความสามารถในการอ่าน QR โค้ด ครอบคลุมการแก้ไขสำหรับโค้ดที่สแกนไม่ติด
เพิ่มความน่าเชื่อถือและการมีส่วนร่วมของ QR โค้ดให้สูงสุด
ถือว่าความคมชัดเป็นข้อกำหนดทางเทคนิค ไม่ใช่การตกแต่งขั้นสุดท้าย เลือกสีเข้มบนพื้นหลังสีอ่อน รักษาระยะห่างจากขอบ (quiet zone) และทดสอบตัวอย่างที่พิมพ์ภายใต้แสงที่จะใช้งานจริง นั่นจะช่วยปกป้องงบประมาณการพิมพ์ของคุณจากโค้ดที่ไม่สามารถสแกนได้
สร้างโค้ดที่มีความคมชัดสูงด้วย เครื่องสร้างรหัส QRตั้งค่าสีของโมดูลและพื้นหลัง แล้วดาวน์โหลดเป็น PNG, SVG หรือ PDF หากคุณพิมพ์โค้ดและอาจต้องเปลี่ยนลิงก์ในภายหลัง ให้ใช้โค้ดแบบไดนามิก: คุณสามารถแก้ไขปลายทางได้หลังจากพิมพ์และดูสถิติการสแกนได้ โค้ดแบบไดนามิกมาพร้อมกับการทดลองใช้ฟรี 14 วัน และแผนบริการแสดงอยู่ที่ https://pageloot.com/pricing/.
คำถามที่พบบ่อย
ตั้งเป้าอย่างน้อย 4:1 ระหว่างโมดูลกับพื้นหลัง ใช้ 7:1 หรือมากกว่าสำหรับบรรจุภัณฑ์และใบปลิว และ 10:1 หรือมากกว่าสำหรับป้ายกลางแจ้ง สีดำบนสีขาวคือ 21:1
ใช่ สีใดก็ได้ใช้ได้ หากโมดูลมีสีเข้มกว่าพื้นหลังอย่างชัดเจน สีกรมท่า, เขียวป่า, ชาร์โคล และแดงเลือดหมูบนพื้นหลังสีขาวหรือสีครีมใช้ได้ดี ส่วนสีเหลือง, เทาอ่อน และสีพาสเทลใช้ไม่ได้
โมดูลและพื้นหลังสามารถใช้สีต่างกันได้ และคุณสามารถใช้เฉดสีใดก็ได้ แต่สิ่งสำคัญคือความแตกต่างของความสว่างเท่านั้น โทรศัพท์อ่านโค้ดเป็นโทนสีเทา ดังนั้นหากสองสีมีความสว่างเท่ากันจะทำให้ไม่สามารถอ่านโค้ดได้ ตรวจสอบอัตราส่วนและสแกนหลักฐานที่พิมพ์ออกมา
ไม่มีมาตรฐานอย่างเป็นทางการ อัตราส่วน 10:1 หรือสูงกว่าเป็นเป้าหมายที่ปลอดภัย เช่น สีดำบนพื้นขาว ใช้พื้นผิวแบบด้านเพื่อลดแสงสะท้อน ปรับขนาดโค้ดให้ประมาณ 1/10 ของระยะการสแกน และทดสอบที่หน้างาน
ใช่ หากสีแบรนด์ของคุณเข้มพอ เช่น สีกรมท่าเข้ม, สีเขียวป่า หรือสีเทาถ่าน และอยู่บนพื้นหลังสีอ่อนที่สม่ำเสมอ หากสีแบรนด์ของคุณอ่อน ให้ใช้เฉดสีเข้มของสีนั้นสำหรับโมดูล
มาตรฐาน QR กำหนดให้โมดูลสีเข้มอยู่บนพื้นหลังสีอ่อน แอปกล้องถ่ายรูปหลายแอปจะมองหารูปแบบดังกล่าวเป็นอันดับแรก และบางแอปไม่สามารถอ่านโมดูลสีอ่อนบนพื้นหลังสีเข้มได้ การรองรับแตกต่างกันไปในแต่ละโทรศัพท์ ดังนั้นควรทดสอบก่อนพิมพ์
ใช่ บาร์โค้ดเชิงเส้น เช่น Code 128 หรือ EAN ก็จำเป็นต้องมีแท่งสีเข้มบนพื้นหลังสีอ่อน เครื่องสแกนเลเซอร์สำหรับร้านค้าปลีกใช้แสงสีแดง ดังนั้น ห้ามพิมพ์แท่งบาร์โค้ดเป็นสีแดงหรือสีส้มเด็ดขาด
