QR Code สไตล์สวยงามที่ยังรักษาคอนทราสต์ไว้ได้
QR Code สไตล์สวยงามคือ QR Code มาตรฐานที่วาดด้วยพาเลตจำกัด โมดูลมุมโค้งหรือแบบจุด และขอบว่างที่ใจกว้าง เพื่อให้มันอยู่ในงานออกแบบที่นุ่มนวลแทนที่จะขัดจังหวะมัน กริด ข้อมูล และวิธีที่มือถืออ่านมันไม่เปลี่ยนเลย สิ่งที่เปลี่ยนคือความเสี่ยง ลุคพาสเทลบนพื้นขาวที่คนส่วนใหญ่คว้าเป็นอย่างแรกคือคู่เดียวที่กล้องอ่านไม่ได้ สร้างสักอันด้านล่าง แล้วดูคู่สีที่รักษาลุคนี้ไว้และตัวเลขที่ทำให้มันยังสแกนได้
เปิดใน Google Maps ใช้พิกัดก็ได้ เช่น 37.4224, -122.0841
โค้ดนี้จะเปิดฟอร์มเขียนรีวิวของธุรกิจคุณ วาง Place ID หรือลิงก์ Google Maps ที่มี Place ID อยู่
ลิงก์ UPI ไม่มีเช็กซัม ถ้าพิมพ์ ID ผิดจะได้โค้ดที่สแกนได้ดีแต่จ่ายเงินให้คนอื่น ให้คัดลอก ID จากแอปชำระเงินแทนการพิมพ์ และโอนหาตัวเอง 1 รูปีก่อนสั่งพิมพ์
วางให้ตรงกับที่คัดลอกมา KoloQR ไม่ได้ประกอบเพย์โหลดเอง แต่เข้ารหัสอันที่ธนาคารออกให้ และตรวจสอบก่อนคุณสั่งพิมพ์
SVG, PNG, JPG • สูงสุด 2 MB
$9 $4 / month
55% off for early supporters
Dynamic QR Codes Are Coming
Change your link anytime, even after printing. See who scans, when and where.
- Edit without reprinting
- Scan analytics
- Bulk & custom domains
You're on the List
We'll email you once, when dynamic codes with scan analytics launch.
สิบดีไซน์ QR Code สไตล์สวยงาม และเหตุผลที่แต่ละแบบยังสแกนได้
โค้ดทุกอันด้านล่างถูกวาดขึ้น ไม่ใช่ถ่ายภาพมา แต่ละอันจึงเป็นสัญลักษณ์ที่ใช้งานได้จริงซึ่งคุณเอามือถือส่องได้ ใต้แต่ละดีไซน์คือลวดลายและรูปทรงดวงตาที่ประกอบขึ้นมา สีทั้งสอง และค่าคอนทราสต์ที่วัดได้ระหว่างกัน สังเกตว่าไม่มีสีลวดลายอันไหนที่ซีดเลย ความนุ่มนวลมาจากรูปทรงของโมดูลและพื้นขาวนวลโทนอุ่น ขณะที่หมึกยังคงเข้มลึก
จุดสีมิดไนต์บนพื้นครีม
จุดขนาด 80% ของช่องในสีน้ำเงินมิดไนต์เข้มบนพื้นครีมอุ่นวัดได้ 13.84:1 เกือบสองเท่าของเป้าหมายงานพิมพ์ที่ 7:1 สีครีมคือสิ่งที่อ่านออกว่านุ่มนวล ส่วนสีน้ำเงินเข้มทำงานที่กล้องต้องการ
- ลวดลาย
- จุด
- ดวงตา
- วงกลม
- สี
- #10243F#F5F1E8
- อัตราคอนทราสต์
- 13.84:1
เซจเข้มบนพื้นเซจซีด
สี่เหลี่ยมเล็กในสีเซจเข้มบนพื้นเซจซีดวัดได้ 9.28:1 ใกล้เคียงที่สุดในหน้านี้กับโค้ดสีเดียว และเป็นลวดลายที่แสดงว่าพาเลตโทนหม่นยังผ่านเป้าหมายงานพิมพ์ได้เมื่อหมึกเข้มพอ
- ลวดลาย
- สี่เหลี่ยมเล็ก
- ดวงตา
- มุมโค้ง
- สี
- #33422F#EDF0E6
- อัตราคอนทราสต์
- 9.28:1
จุดสองขนาดสีพลัมบนพื้นขาวอมชมพู
จุดสองขนาดในสีพลัมเข้มบนพื้นขาวที่อมชมพูเพียงบาง ๆ วัดได้ 12.90:1 พื้นผิวมาจากการปรับรัศมีของจุดทีละโมดูล ไม่ใช่จากการทำให้หมึกอ่อนลง จึงไม่มีอะไรถูกจ่ายไปกับคอนทราสต์
- ลวดลาย
- จุดสองขนาด
- ดวงตา
- วงกลม
- สี
- #3B1F47#F7F2F7
- อัตราคอนทราสต์
- 12.90:1
แคปซูลสีเบอร์รีสำหรับเครื่องเขียน
แคปซูลแนวนอนในสีเบอร์รีเข้มบนพื้นชมพูอ่อนวัดได้ 10.72:1 และแถวโมดูลที่ต่อกันพิมพ์ออกมาสะอาดกว่าจุดแยก ๆ บนการ์ดผิวสัมผัสหยาบ เป็นคู่สีสำหรับชุดบัตรเชิญที่วางอยู่ข้างตัวอักษรมีเชิง
- ลวดลาย
- แคปซูลแนวนอน
- ดวงตา
- มุมโค้ง
- สี
- #6B1839#FDF4F7
- อัตราคอนทราสต์
- 10.72:1
ข้าวหลามตัดสีดินเผาบนพื้นขาวนวล
สี่เหลี่ยมที่หมุนองศาในสีดินเผาบนพื้นขาวนวลวัดได้ 7.73:1 เพิ่งผ่านเป้าหมายงานพิมพ์ที่ 7:1 ไปเล็กน้อยและเป็นคู่สีที่ต่ำที่สุดในหน้านี้ เป็นหมุดหมายที่ซื่อตรงว่าโทนกลางอุ่นต้องเข้มแค่ไหนจึงจะผ่านเกณฑ์
- ลวดลาย
- ข้าวหลามตัด
- ดวงตา
- มุมโค้ง
- สี
- #7A3B21#FBF3EC
- อัตราคอนทราสต์
- 7.73:1
ดาวสีถ่านบนพื้นโอ๊ตมีล
ดาวในสีถ่านอุ่นบนพื้นโอ๊ตมีลวัดได้ 12.74:1 ดาวหนึ่งดวงกินพื้นที่ช่องน้อยกว่าจุด นี่จึงเป็นดีไซน์เดียวในหน้านี้ที่เรียกร้องขนาดพิมพ์ใหญ่ที่สุดแทนที่จะเรียกร้องคอนทราสต์สูงที่สุด
- ลวดลาย
- ดาว
- ดวงตา
- มุมโค้ง
- สี
- #26231F#EFE7D9
- อัตราคอนทราสต์
- 12.74:1
แคปซูลสีเขียวน้ำทะเลเข้ม
แคปซูลแนวตั้งในสีเขียวน้ำทะเลเกือบดำบนพื้นขาวอมมิ้นต์วัดได้ 11.34:1 เฉดสีชัดเจนจนไม่มีทางเข้าใจผิดในแสงกลางวัน แต่หมึกก็ยังเข้มพอที่กล้องจะเห็นว่าเป็นหมึก
- ลวดลาย
- แคปซูลแนวตั้ง
- ดวงตา
- วงกลม
- สี
- #0B3B3C#F0F7F6
- อัตราคอนทราสต์
- 11.34:1
แคปซูลสีป่าบนพื้นเขียวซีด
แคปซูลแนวตั้งในสีเขียวป่าเข้มบนพื้นขาวอมเขียวซีดวัดได้ 11.26:1 พร้อมดวงตามุมโค้งให้เข้าชุดกัน สีเขียวคือเฉดที่ล้มเหลวบ่อยที่สุดเมื่อถูกทำเป็นพาสเทล และทางแก้คือแบบนี้พอดี เก็บสีเขียวไว้ในพื้นหลังแล้วทำให้หมึกเข้มขึ้น
- ลวดลาย
- แคปซูลแนวตั้ง
- ดวงตา
- มุมโค้ง
- สี
- #1E3A2B#F2F5F0
- อัตราคอนทราสต์
- 11.26:1
จุดสีโคบอลต์บนพื้นขาวอุ่น
จุดในสีโคบอลต์อิ่มตัวบนพื้นขาวอุ่นวัดได้ 8.61:1 เป็นสีลวดลายที่สว่างที่สุดในหน้านี้ และผ่านเป้าหมายงานพิมพ์ได้เพราะสีน้ำเงินส่งผลต่อค่าความสว่างที่กล้องวัดน้อยที่สุด
- ลวดลาย
- จุด
- ดวงตา
- สี่เหลี่ยม
- สี
- #1D3FA8#FFF9F0
- อัตราคอนทราสต์
- 8.61:1
แท่งสีกราไฟต์ สไตล์มินิมอล
แท่งแนวตั้งสีกราไฟต์บนพื้นขาวอุ่นบาง ๆ วัดได้ 13.78:1 นี่คือเวอร์ชันมินิมอลของลุคนี้ ไม่มีเฉดสีเลย ดวงตาเป็นสี่เหลี่ยม และพื้นผิวมาจากแถวโมดูลที่หลอมรวมกันเพียงอย่างเดียว
- ลวดลาย
- แถบแนวตั้ง
- ดวงตา
- สี่เหลี่ยม
- สี
- #23262B#F4F4F2
- อัตราคอนทราสต์
- 13.78:1
อะไรทำให้ QR Code ดูสวยงาม
QR Code สไตล์สวยงามคือ QR Code มาตรฐานที่จัดสไตล์ด้วยพาเลตจำกัด โมดูลมุมโค้งหรือแบบจุด พื้นที่ว่างรอบโค้ดที่ใจกว้าง กรอบหรือไม่มีกรอบ และอย่างมากคือโลโก้เล็ก ๆ หนึ่งชิ้นกับสีเน้นหนึ่งสี ไม่มีตัวเลือกไหนแตะข้อมูลเลย แต่ละอย่างเป็นการตัดสินใจว่ากริดเดิมจะถูกวาดอย่างไร สองอย่างในนั้น คือสีของลวดลายและลวดลายของโมดูล มีต้นทุนเป็นส่วนเผื่อในการสแกน ส่วนที่เหลือฟรี รูปทรง QR Code ทำแผนที่ตระกูลของเส้นรอบนอกไว้ และ ดีไซน์ QR Code สร้างสรรค์ รวบรวมทิศทางการออกแบบที่กว้างกว่า ส่วนหน้านี้ว่าด้วยปลายทางที่นุ่มนวลและมินิมอลของช่วงนั้น ซึ่งเป็นที่ที่ QR Code ทรงกลม มักไปอยู่บ่อยที่สุดด้วย
หกการตัดสินใจที่อยู่เบื้องหลังลุคนี้
คำว่าสวยงามในภาษาของ QR Code คือความยับยั้งชั่งใจ ที่ถูกใช้ตามลำดับหนึ่ง รายการด้านล่างคือลำดับนั้น ไล่จากการตัดสินใจที่แบกความเสี่ยงมากที่สุดไปจนถึงอย่างที่ไม่แบกเลย
- พาเลตที่จำกัด - สองสีบนตัวโค้ด สีเข้มหนึ่งสีสำหรับลวดลายและสีอ่อนหนึ่งสีสำหรับพื้นหลัง พาเลตจะนุ่มนวลแค่ไหนก็ได้ตราบใดที่สีเข้มยังเข้มจริง ๆ QR Code สี อธิบายว่าเฉดไหนผ่านเกณฑ์บ้าง
- โมดูลมุมโค้งหรือแบบจุด - โมดูลมุมโค้งรวมกลุ่มเก็บหมึกของโค้ดสี่เหลี่ยมไว้ได้เกือบทั้งหมดและเป็นลวดลายนุ่มที่ปลอดภัยที่สุด ส่วนจุดแยกที่ขนาด 80% ของช่องมีหมึกราวครึ่งเดียวและต้องการขนาดที่ใหญ่ขึ้น QR Code แบบจุด มีตัวเลขที่วัดไว้
- พื้นที่ว่างรอบโค้ดที่ใจกว้าง - ขอบว่างรอบโค้ด สี่โมดูลในทุกด้านตามมาตรฐาน และมากกว่านั้นยิ่งดูดี พื้นที่ว่างคือการตัดสินใจทางความงามที่ถูกที่สุดในหน้านี้ เพราะมันไม่มีต้นทุนและยังช่วยเครื่องสแกน พื้นที่ว่างรอบโค้ด มีตัวเลขเป็นมิลลิเมตร
- กรอบ หรือไม่มีกรอบ - วงแหวนบาง ๆ หรือสี่เหลี่ยมมุมมนพร้อมป้ายสั้น ๆ อ่านออกว่าตั้งใจ ส่วนการไม่มีกรอบเลยอ่านออกว่ามินิมอล ทั้งสองอย่างไม่ได้ถูกเครื่องสแกนอ่าน กรอบจึงใช้สีอะไรก็ได้ กรอบ QR Code เปรียบเทียบตัวเลือกไว้
- โลโก้เล็ก ๆ หรือไม่มีเลย - อักษรย่อ โมโนแกรม หรือเครื่องหมายจิ๋ว ๆ ตรงกลาง ภายในราว 20% ของพื้นที่สัญลักษณ์ที่ระดับการแก้ไขข้อผิดพลาด H อะไรที่ใหญ่กว่านั้นคือการใช้งบการกู้คืนที่โค้ดซึ่งพิมพ์ออกมาต้องการไว้ใช้เอง
- สีเน้นอย่างมากหนึ่งสี - ถ้างานออกแบบมีสีเน้นที่สดหรือเป็นพาสเทล ให้มันไปอยู่บนกรอบ บนดวงตา หรือบนป้าย ไม่ใช่บนลวดลาย สีเน้นสีที่สองคือจุดที่โค้ดเริ่มดูรกแทนที่จะดูผ่านการออกแบบ
KoloQR เครื่องมือสร้าง QR Code ฟรีที่ทำ QR Code ทรงกลมและทรงกำหนดเองได้ วาดทุกอย่างนี้ได้ ทั้งลวดลายโมดูลสิบเอ็ดแบบรวมถึงมุมโค้งรวมกลุ่มและจุด ดวงตาทรงวงกลมหรือมุมโค้ง สีดวงตาแยกต่างหาก กรอบพร้อมป้าย โลโก้ตรงกลาง และป้ายคอนทราสต์ที่วัดคู่สีที่คุณเลือกก่อนคุณจะดาวน์โหลด
ทำไมพาสเทลบนพื้นขาวจึงเป็นรูปแบบของความล้มเหลว
QR Code พาสเทลบนพื้นขาวล้มเหลวเพราะกล้องอ่านความสว่าง ไม่ใช่เฉดสี และพาสเทลคือสีที่สว่าง ลวดลายสีชมพูอ่อนบนพื้นขาววัดได้ราว 1.47:1 ตามสูตร WCAG สีมิ้นต์ราว 1.34:1 และสีพีชราว 1.31:1 ทั้งหมดสูงกว่าค่าราว 1.24:1 เพียงเศษเสี้ยว ซึ่งเป็นจุดที่ตัวถอดรหัสหยุดมองเห็นขอบไปเลย ตามที่ การทดสอบคอนทราสต์ต่ำสุด ของเราอ่านมาจากซอร์สของ ZXing และต่ำกว่า 7:1 ที่บทความเดียวกันตั้งไว้เป็นเป้าหมายงานพิมพ์อยู่มาก ทางแก้คือเก็บพาเลตไว้แล้วย้ายความเข้ม ใช้เฉดเดิมเวอร์ชันเข้มลึกเป็นหมึกบนพื้นครีม หรือใช้พาสเทลเป็นพื้นหลังแล้ววางโมดูลสีเกือบดำทับลงไป ทั้งสองอย่างแสดงไว้ในตัวเลขถัดลงไป
สร้าง QR Code
QR Code สไตล์สวยงามไปอยู่ที่ไหน
ลุคนุ่มนวลเหมาะกับที่ที่โค้ดเป็นส่วนหนึ่งของวัตถุที่ถูกออกแบบ เช่น เครื่องเขียน ฉลาก สติกเกอร์ลิงก์ไบโอ หน้าสมุดแพลนเนอร์ มากกว่าจะเป็นเครื่องหมายใช้งาน แต่ละที่ทางด้านล่างมีรายละเอียดเรื่องขนาดหรือคอนทราสต์ที่ตัดสินว่าโค้ดที่พิมพ์ออกมาจะใช้ได้หรือไม่ การ์ดงานแต่งงาน Instagram Linktree และแพ็กเกจจิ้งเปิดหน้าที่ครอบคลุมแต่ละที่ทางไว้เต็ม ๆ
เครื่องเขียนงานแต่งงาน
การ์ดตอบรับคำเชิญ การ์ดรายละเอียด การ์ดที่นั่ง และการ์ดขอบคุณ การ์ดฝ้ายผิวสัมผัสหยาบทำให้หมึกแผ่ จึงควรให้โค้ดกว้าง 2.5 ซม. และใช้หมึกเข้มในเฉดของบัตรเชิญเอง แทนที่จะใช้พาสเทลแบบที่ดอกไม้ใช้
ไบโอบน Instagram Spotify และ Linktree
สติกเกอร์ไบโอบนแผงขายของในตลาด การ์ดเพลย์ลิสต์ในงานปาร์ตี้ โค้ด Linktree บนใบปลิว สิ่งเหล่านี้ถูกสแกนด้วยมือถือจากระยะใกล้และส่วนใหญ่อยู่บนหน้าจอหรือกระดาษเคลือบ ซึ่งเป็นที่ที่ให้อภัยลวดลายแบบจุดมากที่สุด
แพลนเนอร์ สมุดบันทึก และสติกเกอร์
โค้ดในหน้าคู่ของบูลเล็ตเจอร์นัลหรือบนสติกเกอร์แพลนเนอร์เชื่อมไปยังเพลย์ลิสต์ อัลบั้มที่แชร์กัน หรือตัวติดตามนิสัย กระดาษสติกเกอร์ผิวด้านและกระดาษสมุดที่เขียนปากกาได้มีความดูดซับ จึงควรใช้โมดูลมุมโค้งรวมกลุ่มแทนจุดเล็ก ๆ
ฉลากเทียนหอม สบู่ และสกินแคร์
ฉลากของแบรนด์ผลิตล็อตเล็กบรรจุส่วนผสม เรื่องราว หรือลิงก์สั่งซ้ำ ฉลากมักกว้าง 5 ซม. และเป็นกระดาษคราฟท์หรือผิวหยาบ โค้ดจึงควรอยู่ที่ 2.5 ซม. ขึ้นไป และหมึกควรเกือบดำในเฉดของแบรนด์
เมนูคาเฟ่และการ์ดตั้งโต๊ะ
โค้ดโทนหม่นบนการ์ดตั้งโต๊ะสีครีมอ่านออกว่าเป็นส่วนหนึ่งของดีไซน์เมนู เมื่อถูกสแกนจากราว 30 ซม. มันต้องการความกว้าง 3 ซม. ส่วนกรอบบาง ๆ พร้อมคำว่า "Menu" ใต้โค้ดทำหน้าที่อธิบาย
แพ็กเกจจิ้งและการ์ดแทรกของธุรกิจเล็ก
การ์ดขอบคุณ ปลอกกล่อง และป้ายห้อย การ์ดแทรกคือที่ของพาสเทล ให้พิมพ์การ์ดด้วยสีพาสเทลและพิมพ์โค้ดสีเกือบดำลงบนนั้น แล้วคอนทราสต์จะอยู่เหนือ 11:1 สำหรับพาสเทลทั้งสี่สีที่วัดไว้ด้านล่าง
ตัวเลขที่ทำให้ QR Code สไตล์สวยงามยังสแกนได้
สามตัวเลขตัดสินว่าโค้ดที่ดูนุ่มนวลจะใช้ได้บนกระดาษหรือไม่ ได้แก่ อัตราคอนทราสต์ระหว่างสองสีของมัน ขนาดของแต่ละโมดูลหลังจากลวดลายกินส่วนของตัวเองไปแล้ว และขอบว่างรอบโค้ด เป้าหมายด้านล่างเป็นเป้าหมายทางการออกแบบที่คิดค่าเผื่อของงานพิมพ์ไว้แล้ว อ้างอิงจากการวัดของเว็บไซต์เองและคู่มือที่มันมา ไม่ใช่เกณฑ์ที่วัดบนมือถือรุ่นใดรุ่นหนึ่ง
คอนทราสต์: พาสเทลและหมึกโทนหม่นวัดได้เท่าไหร่
ตัวตรวจคอนทราสต์ของเว็บไซต์และป้ายในเครื่องมือสร้างคำนวณอัตราคอนทราสต์ตาม WCAG และ การทดสอบคอนทราสต์ต่ำสุด ของเราตั้งเป้าหมายไว้ว่า 7:1 สำหรับงานพิมพ์ 4:1 สำหรับหน้าจอ และ 3:1 เป็นเส้นที่ต่ำกว่านั้นโค้ดไม่ควรถูกส่งออกไป คู่สีด้านล่างคำนวณจากค่าฐานสิบหกของมันด้วยสูตรเดียวกันนั้นเมื่อวันที่ 22 กันยายน 2026 ใครก็ทำซ้ำได้ในตัวตรวจคอนทราสต์ QR
- ลวดลายพาสเทลบนพื้นขาวล้มเหลว - ชมพูอ่อน #F8C8DC บนพื้นขาววัดได้ 1.47:1 ลาเวนเดอร์ #C7CEEA ได้ 1.56:1 มิ้นต์ #B5EAD7 ได้ 1.34:1 และพีช #FFDAC1 ได้ 1.31:1 ส่วนสีเหลืองซึ่งเป็นกรณีแย่ที่สุดในบทความคอนทราสต์ของเรา วัดได้ 1.07:1 โดยมีความต่างของค่าความสว่างเพียง 29 ระดับจาก 255 สูงกว่า 24 ระดับที่ ZXing หยุดมองหาขอบเพียงนิดเดียว
- สีเกือบดำบนพื้นหลังพาสเทลผ่าน - พาสเทลสี่สีเดิมเมื่อใช้เป็นพื้นหลังใต้ลวดลายสี #1A1A1A วัดได้ 11.84:1 (ชมพูอ่อน) 11.14:1 (ลาเวนเดอร์) 13.02:1 (มิ้นต์) และ 13.30:1 (พีช) ทุกคู่ผ่านเป้าหมายงานพิมพ์โดยเหลือที่ว่างให้กระดาษ นี่คือคู่สีสำหรับใครก็ตามที่อยากได้โค้ดพาสเทล
- หมึกเข้มในเฉดโทนหม่นบนพื้นครีมผ่าน - น้ำเงินเข้ม #10243F บนครีม #F5F1E8 วัดได้ 13.84:1 พลัมเข้ม #3B1F47 บนขาวอมชมพูได้ 12.90:1 เซจเข้ม #33422F บนเซจซีดได้ 9.28:1 และดินเผา #7A3B21 บนขาวนวลได้ 7.73:1 สีครีมมีต้นทุนน้อยมาก คู่สี QR Code ห้าสิบคู่ วัดสีดำบนครีมไว้ที่ 19.47:1
- หมึกโทนหม่นบนพื้นพาสเทลคือคู่ที่คับที่สุด - เซจเข้มบนชมพูอ่อนวัดได้ 7.28:1 และน้ำเงินเข้มบนชมพูอ่อนได้ 10.61:1 สองสีนุ่มนวลอยู่ด้วยกันใช้ได้ แต่หมึกต้องอยู่ที่ปลายเข้มที่สุดของเฉดนั้น เซจโทนกลางหรือชมพูโรสโทนหม่นบนชมพูอ่อนจะตกลงไปต่ำกว่า 4:1 และควรอยู่บนหน้าจอเท่านั้น
- โค้ดกลับสีคือการเดิมพันกับตัวอ่าน - โมดูลสีครีมบนพื้นเข้มคำนวณได้อัตราสูงเท่ากับแบบกลับกัน และบทความคอนทราสต์ของเราอธิบายว่าทำไมนั่นจึงชวนเข้าใจผิด กล้องของ iPhone และ Android ในปัจจุบันโดยทั่วไปอ่านโค้ดกลับสีได้ แต่เครื่องสแกนแบบติดตั้งอยู่กับที่มักอ่านไม่ได้ และพื้นที่สีเข้มทึบแผ่เข้าไปในโมดูลสีอ่อนเมื่อพิมพ์ ให้เก็บสีอ่อนบนพื้นเข้มไว้ใช้กับหน้าจอ
กฎที่ใช้ได้จริงคือ เลือกสีของลวดลายก่อนแล้วทำให้มันเกือบดำในเฉดของคุณ จากนั้นจึงเลือกพื้นหลังจากปลายนุ่มนวลของพาเลต ลวดลายที่ซีดไม่เคยถูกกู้คืนด้วยกรอบที่เข้มขึ้น ด้วยโลโก้ หรือด้วยระดับการแก้ไขข้อผิดพลาดที่สูงขึ้น
ขนาด จุด และขอบว่าง
ลวดลายโมดูลที่นุ่มนวลมีหมึกน้อยกว่าสี่เหลี่ยม และกฎเรื่องขนาดด้านล่างคืนหมึกนั้นกลับมา แต่ละกฎอ้างอิงจากหน้าที่วัดหรือหาที่มาของมันไว้
- คงจุดไว้ที่ 80% ของช่อง - ในการทดสอบตัวถอดรหัสใน QR Code แบบจุด จุดที่ 80% ของความกว้างช่องถอดรหัสได้ 16 จาก 16 ตำแหน่งระหว่าง 2.5 ถึง 4 พิกเซลที่จับได้ต่อโมดูล 70% คือพื้นต่ำสุด และต่ำกว่านั้นช่วงที่ใช้งานได้พังลง การทดสอบนั้นใช้เฉพาะตัวถอดรหัสโอเพนซอร์ส jsQR เท่านั้น ลวดลายจุดของ KoloQR วาดที่ 80%
- พิมพ์โค้ดแบบจุดที่ 2.5 ซม. และสี่เหลี่ยมที่ 2 ซม. - คู่มือขนาดขั้นต่ำสำหรับงานพิมพ์ กำหนดพื้นต่ำสุดไว้ที่ 2 ซม. รวมพื้นที่ว่างรอบโค้ด ส่วนหน้าที่ว่าด้วยจุดเพิ่มอีกครึ่งเซนติเมตรให้จุดแยก เพราะแต่ละจุดมีหมึกราวครึ่งหนึ่งของสี่เหลี่ยม โมดูลมุมโค้งรวมกลุ่มอยู่ที่พื้นต่ำสุด 2 ซม. ได้
- กำหนดขนาดตามระยะ: 1 ซม. ต่อทุก 10 ซม. - เกินระยะเอื้อมแขน ให้เผื่อความกว้างของโค้ดราว 1 ซม. ต่อระยะสแกนทุก 10 ซม. การ์ดตั้งโต๊ะที่ถูกอ่านจาก 30 ซม. จึงต้องการ 3 ซม. และป้ายหน้าร้านที่ถูกอ่านจาก 1 ม. ต้องการ 10 ซม. กฎนี้ตั้งอยู่บนสมมติฐานว่าลิงก์สั้น
- เว้นพื้นที่ว่างรอบโค้ดไว้สี่โมดูล - ISO/IEC 18004 กำหนดขอบว่างไว้ที่สี่โมดูลในทุกด้าน และมันวัดด้วยความกว้างโมดูลของโค้ดเอง โค้ดเล็กจึงต้องการขอบที่เล็กลงตามสัดส่วน ไม่ใช่จำนวนมิลลิเมตรที่ตายตัว ขอบที่เกินมาไม่เคยทำให้เสียหายและมักดูดีกว่า
- คงโลโก้ไว้ภายใน 20% ของพื้นที่ - เครื่องหมายตรงกลางขนาดไม่เกินราว 20% ของพื้นที่สัญลักษณ์กู้คืนได้อย่างเชื่อถือได้ที่ระดับ H ซึ่งเป็นระดับที่ทุกโค้ดของ KoloQR ใช้ การแก้ไขข้อผิดพลาดของ QR Code แสดงการคำนวณไว้ โมโนแกรมที่กว้างครึ่งหนึ่งของโค้ดกินพื้นที่ราวเท่านั้นพอดี
- ทำลิงก์ให้สั้นลง - URL ที่สั้นกว่าสร้างโค้ดเวอร์ชันต่ำกว่าที่มีโมดูลน้อยกว่าและใหญ่กว่า ทุกจุดและทุกแคปซูลจึงใหญ่ขึ้นที่ความกว้างพิมพ์เท่าเดิม สำหรับลิงก์ Instagram หรือ Spotify นั้น URL ของโปรไฟล์หรือเพลย์ลิสต์แบบธรรมดาก็สั้นพอแล้ว
ไอเดีย QR Code สไตล์สวยงาม
แปดไอเดียแบบที่ถูกส่งต่อกันบน Pinterest พร้อมรายละเอียดที่ทำให้แต่ละอันยังสแกนได้เมื่อมันออกจากหน้าจอ
วิธีทำ QR Code สไตล์สวยงาม
QR Code สไตล์สวยงามใช้เวลาทำหนึ่งถึงสองนาที ลวดลายมุมโค้งรวมกลุ่มถูกเลือกไว้แล้วและแท็บสีเปิดอยู่เมื่อเครื่องมือสร้างโหลดขึ้นในหน้านี้
สร้าง QR Code- 1
ใส่เนื้อหาของคุณ
วางลิงก์ ไม่ว่าจะเป็นเว็บไซต์งานแต่งงาน โปรไฟล์ Instagram เพลย์ลิสต์บน open.spotify.com หรือ Linktree หรือเลือกประเภทอื่น รูปแบบของลิงก์ที่สั้นที่สุดทำให้โมดูลยังใหญ่
- 2
เลือกลวดลายและดวงตา
คงมุมโค้งรวมกลุ่มไว้เพื่อลุคนุ่มนวลที่ปลอดภัยที่สุด หรือเปลี่ยนไปใช้จุด แคปซูลแนวตั้ง หรือจุดสองขนาดเพื่อพื้นผิวที่มากขึ้น ตั้งดวงตาเป็นวงกลมหรือมุมโค้งเพื่อให้มุมเข้าชุดกัน
- 3
ตั้งสีโดยเริ่มจากปลายที่เข้ม
เลือกสีของลวดลายก่อนแล้วทำให้มันเป็นเวอร์ชันเข้มที่สุดของเฉดคุณ จากนั้นตั้งพื้นหลังเป็นสีครีมหรือพาสเทล ป้ายคอนทราสต์ใต้ภาพตัวอย่างจะเปลี่ยนเป็นสีเขียวที่ 4:1 ถ้าโค้ดจะถูกพิมพ์ ให้เล็งที่ 7:1 ขึ้นไป
- 4
ใส่กรอบหรือโลโก้เล็ก ๆ ทดสอบ แล้วส่งออก
ใส่กรอบพร้อมป้ายสั้น ๆ ถ้าคุณต้องการ คงโลโก้ตรงกลางให้เล็กไว้ สแกนภาพตัวอย่างด้วยมือถือ แล้วดาวน์โหลด SVG หรือ PDF สำหรับงานพิมพ์ หรือ PNG สำหรับหน้าจอ
ลุคนุ่มนวล บนกริดที่เชื่อถือได้เหมือนเดิม
QR Code สไตล์สวยงามไม่ต้องใช้โปรแกรมออกแบบหรือชุดเทมเพลต KoloQR วาดลวดลายนุ่มนวลเหล่านี้โดยตรง คงตัวระบุตำแหน่งทั้งสามให้ทึบเพื่อให้มือถือหาโค้ดเจอ วัดคอนทราสต์ของคู่สีที่คุณเลือก และวางสีเน้นไว้ในที่ที่มันไม่มีต้นทุน คือบนดวงตา บนกรอบ และบนป้าย
KoloQR ส่งออก SVG PDF และ EPS สำหรับงานพิมพ์ และ PNG สำหรับหน้าจอ โดยไม่ต้องมีบัญชีและไม่มีลายน้ำ KoloQR สร้างเฉพาะ QR Code แบบสแตติก โค้ดจึงเปลี่ยนปลายทางหลังพิมพ์ไม่ได้และไม่มีการติดตามการสแกน ในกรณีที่เรื่องนี้สำคัญ ให้ชี้โค้ดไปยังการเปลี่ยนเส้นทางบนโดเมนของคุณเอง
สร้าง QR Codeรูปแบบไฟล์สำหรับส่งออก QR Code สไตล์สวยงาม
ลวดลายนุ่มนวลอ่อนไหวต่อรูปแบบไฟล์มากกว่าสี่เหลี่ยมธรรมดา เพราะขอบที่มนไม่มีเส้นที่ตกลงบนกริดพิกเซลพอดี
PNG
สำหรับ Instagram Canva หน้าจอ และสติกเกอร์ที่พิมพ์จากมือถือ ให้ส่งออกขนาดใหญ่ เพราะโมดูลมุมโค้งเล็ก ๆ ที่ความละเอียดต่ำจะกลายเป็นรอยเปื้อนสีเทา ซึ่งเป็นความล้มเหลวที่กฎเรื่องขนาดข้างต้นป้องกันไว้ PNG แบบพื้นหลังโปร่งใสวางลงบนการ์ดพาสเทลได้ทันที ซึ่งก็คือสไตล์ QR Code แบบโปร่งใส
SVG
สำหรับทุกอย่างที่นำไปพิมพ์และสำหรับชุดบัตรเชิญที่ทำในโปรแกรมออกแบบ ทุกโมดูลมุมโค้งและทุกจุดถูกเก็บเป็นเส้นโค้งจริง โค้ดจึงยังคมตั้งแต่การ์ดที่นั่งขนาด 2.5 ซม. ไปจนถึงป้ายต้อนรับ
PDF หรือ EPS
สำหรับส่งไฟล์งานให้ร้านทำเครื่องเขียนหรือโรงพิมพ์ฉลาก ทั้งสองรูปแบบคงโมดูลไว้เป็นเวกเตอร์และคงสีไว้เป็นค่าฐานสิบหกที่คุณเลือก ตัวอย่างงานพิมพ์จึงตรงกับไฟล์
Questions? Answered
โดยทั่วไปไม่ได้ถ้าอยู่บนพื้นขาว ลวดลายพาสเทลบนพื้นหลังสีขาววัดได้ราว 1.3:1 ถึง 1.6:1 สำหรับเฉดชมพูอ่อน มิ้นต์ ลาเวนเดอร์ และพีชที่พบบ่อย ใกล้กับค่าราว 1.24:1 ที่ตัวถอดรหัสโอเพนซอร์ส ZXing หยุดมองเห็นขอบ คู่ที่สแกนได้คือแบบกลับกัน ใช้พาสเทลเป็นพื้นหลังและวางลวดลายสีเกือบดำทับลงไป ซึ่งวัดได้เหนือ 11:1 ทั้งสี่สี
ได้ ถ้าสีของลวดลายเข้มในเฉดของตัวมันเอง น้ำเงินเข้มบนครีมวัดได้ 13.84:1 พลัมเข้มบนขาวอมชมพูได้ 12.90:1 และเซจเข้มบนเซจซีดได้ 9.28:1 ทั้งหมดอยู่เหนือเป้าหมายงานพิมพ์ที่ 7:1 และไม่มีอันไหนมีสีดำอยู่เลย สิ่งที่ทำไม่ได้คือทำให้ทั้งสองสีนุ่มนวล อย่างน้อยหนึ่งสีต้องเกือบดำในแง่ความสว่าง และสีนั้นควรเป็นลวดลาย
KoloQR สร้าง QR Code สไตล์สวยงามให้ฟรี ทำงานในเบราว์เซอร์ ไม่ต้องมีบัญชีและไม่มีลายน้ำ ทั้งลวดลายมุมโค้ง แบบจุด แคปซูล และดาว ดวงตาทรงวงกลมหรือมุมโค้ง สีที่กำหนดเองพร้อมป้ายคอนทราสต์ กรอบ โลโก้ตรงกลาง และการส่งออก SVG PDF EPS และ PNG โค้ดเป็นแบบสแตติก จึงไม่มีการติดตามการสแกนและโค้ดที่พิมพ์แล้วเปลี่ยนปลายทางภายหลังไม่ได้
โค้ดที่จัดสไตล์ไม่เคยสแกนได้ดีกว่าสีดำล้วนบนพื้นขาว และบางตัวเลือกก็สแกนได้แย่กว่า จุดแยกและดาวมีหมึกน้อยกว่าสี่เหลี่ยม และสีลวดลายใด ๆ ที่อ่อนกว่าสีเกือบดำจะลดคอนทราสต์ลง โมดูลมุมโค้งรวมกลุ่ม หมึกเข้มในเฉดโทนหม่น และขอบว่างที่กว้างแทบไม่มีต้นทุนเลย ส่วนลวดลายพาสเทลและจุดจิ๋ว ๆ มีต้นทุนสูงมาก ให้ทดสอบชิ้นงานที่พิมพ์แล้วด้วยมือถือก่อนพิมพ์ทั้งล็อต
ใช้หมึกเข้มหนึ่งสีกับพื้นอ่อนหนึ่งสี ใช้โมดูลมุมโค้งรวมกลุ่มหรือสี่เหลี่ยมธรรมดา ไม่ใส่โลโก้ ใช้กรอบเส้นบางเฉียบหรือไม่ใช้เลย และเว้นขอบมากกว่าสี่โมดูลที่มาตรฐานกำหนด สีกราไฟต์บนพื้นขาวอุ่นวัดได้ 13.78:1 และเป็นเวอร์ชันที่อยู่ในหน้านี้ ความมินิมอลคือการตัดของตกแต่งออก และนั่นคือเหตุผลที่มันเป็นสไตล์สวยงามที่ปลอดภัยที่สุดเมื่อนำไปพิมพ์
ได้ วาง URL ของโปรไฟล์หรือลิงก์เพลย์ลิสต์ open.spotify.com ลงในเครื่องมือสร้างแล้วจัดสไตล์เหมือนโค้ดอื่น ๆ กล้องมือถือตัวไหนก็อ่านผลลัพธ์ได้ ส่วน Spotify Code ซึ่งเป็นลวดลายแท่งกราฟในเมนูแชร์นั้นไม่ใช่ QR Code และสแกนได้เฉพาะในแอป Spotify เท่านั้น การ์ดหรือสติกเกอร์ที่พิมพ์ออกมาจึงควรใช้ QR Code แทน
ได้ ตราบใดที่ลวดลายยังเกือบดำและการ์ดเป็นเฉดอ่อน สีดำบนครีมวัดได้ 19.47:1 ในตารางคู่สีของเรา การ์ดสีครีมหรือชมพูอ่อนจึงแทบไม่มีต้นทุนเลย ส่วนกระดาษคราฟท์เข้มกว่าและดูดซับมากกว่า ให้ใช้หมึกที่เข้มที่สุดที่มี ใช้โมดูลมุมโค้งรวมกลุ่มแทนจุด และพิมพ์ตัวอย่างบนกระดาษจริงก่อนพิมพ์ทั้งล็อต
อย่างน้อยกว้าง 2.5 ซม. สำหรับลิงก์สั้น ๆ เทียบกับ 2 ซม. สำหรับโค้ดเดียวกันในโมดูลสี่เหลี่ยมหรือมุมโค้งรวมกลุ่ม เพราะจุดที่ 80% ของช่องมีหมึกราวครึ่งเดียว เกินระยะเอื้อมแขน ให้เผื่อความกว้างราว 1 ซม. ต่อระยะสแกนทุก 10 ซม. ส่วนจุดสองขนาดและดาวต้องการมากกว่านั้นอีก จึงควรคงไว้ที่ 4 ซม. ขึ้นไป
ได้ ให้มันอยู่ภายในราว 20% ของพื้นที่สัญลักษณ์ คือวงกลมที่กว้างราวครึ่งหนึ่งของโค้ด และอยู่บนพื้นหลังทึบ KoloQR สร้างทุกโค้ดที่ระดับการแก้ไขข้อผิดพลาด H ซึ่งกู้คืนได้ใกล้ 30% ของสัญลักษณ์ และการอยู่ที่ 20% เหลือส่วนที่เหลือไว้ให้หมึกที่แผ่ แสงสะท้อน และกล้องที่สั่นเล็กน้อย
เกรเดียนต์บนลวดลายปลอดภัยก็ต่อเมื่อจุดที่อ่อนที่สุดของมันยังวัดได้ 7:1 เทียบกับพื้นหลัง ซึ่งตัดเกรเดียนต์พาสเทลส่วนใหญ่ออกไป ส่วนภาพสีน้ำหรือภาพถ่ายที่อยู่หลังโค้ดทำให้พื้นหลังใต้ทุกโมดูลแปรผัน จึงควรวางโค้ดบนแผงสีอ่อนทึบแล้วปล่อยให้สีน้ำล้อมรอบมัน แผงนั้นเป็นส่วนหนึ่งของงานออกแบบ และเป็นพื้นที่ว่างรอบโค้ดไปด้วย
สำรวจต่อ
หน้าที่ต่อจากหน้านี้ - บริบทเดียวกัน โค้ดชนิดเดียวกัน หรือสิ่งที่ต้องตัดสินใจต่อไป
ช่างภาพ
แกลเลอรีของลูกค้า การสั่งพิมพ์ซ้ำ ลิงก์พอร์ตโฟลิโอ และการอัปโหลดภาพจากแขก บนการ์ด อัลบั้ม ภาพพิมพ์ และป้ายในงาน
รูปทรง QR Code
ภาพรวมรูปทรงทั้งหมด ทั้งโมดูล ดวงตา และกรอบ พร้อมข้อแลกเปลี่ยนของโค้ดทรงกลม สามเหลี่ยม หกเหลี่ยม และสี่เหลี่ยม
QR Code สี
ใส่พาเลตของคุณลงใน QR Code โดยไม่ทำให้มันพัง สีไหนควรอยู่บนลวดลาย และสีไหนควรอยู่ที่กรอบ
QR Code สไตล์แบรนด์
ทำให้ QR Code เข้ากับแบรนด์ด้วยโลโก้ สี และรูปทรงเฉพาะ โดยไม่ต้องแลกกับการสแกน
นามบัตร
85 x 55 มม. เหลือที่ให้โค้ดเดียวและไม่มีอะไรอีก - ควรวางตรงไหน เล็กได้แค่ไหน และงานเคลือบแบบใดที่ฆ่ามันทิ้ง
QR Code ฮาโลวีน
พาเลตส้มฟักทอง ม่วง เขียวสไลม์ และขาวกระดูก สำหรับบัตรเชิญ ป้ายหน้าบ้าน เกมล่าสมบัติ และชุดคอสตูม พร้อมตัวเลขคอนทราสต์และขนาดที่ทำให้แต่ละแบบยังสแกนได้ในความมืด
ทำไมต้อง KoloQR?
- สร้าง QR Code สำหรับเว็บไซต์ เมนู Wi-Fi ไฟล์ PDF และนามบัตร
- ปรับแต่งสี โลโก้ และรูปทรงที่ไม่เหมือนใคร
- ดาวน์โหลดไฟล์ PNG และ SVG คุณภาพสูง
- ออกแบบมาเพื่อทั้งงานพิมพ์และงานดิจิทัล
