หน้าจอผสมแสง ส่วนการพิมพ์ผสมหมึก — ดังนั้นโค้ด HEX ต้องแปลก่อนส่งเข้าพิมพ์ ตัวแปลงนี้ให้เปอร์เซ็นต์ของ cyan, magenta, yellow และ key ที่ใกล้เคียงกับสีเว็บของคุณมากที่สุดเท่าที่หมึกจะทำได้
วิธีการแปลงจาก HEX เป็น CMYK
- แปลงโค้ด HEX เป็น RGB แล้วหารแต่ละแชนเนลด้วย 255
- คำนวณองค์ประกอบคีย์ (ดำ): K = 1 − max(R, G, B)
- หาสีหมึกอื่นๆ โดยตัดส่วนสีดำออก: C = (1 − R − K) / (1 − K) และใช้สูตรเดียวกันสำหรับ magenta และ yellow
- คูณค่าทั้งสี่ด้วย 100 เพื่อให้เป็นเปอร์เซ็นต์ สีดำบริสุทธิ์จะสรุปเป็น 0/0/0/100
ตัวอย่างที่ทำงานได้
นี่คือการประมาณแบบอิสระจากอุปกรณ์ การพิมพ์จริงขึ้นกับกระดาษ หมึก และโปรไฟล์สี ICC ดังนั้นถือผลลัพธ์เป็นจุดเริ่มต้นและตรวจสอบตัวอย่างพิมพ์สำหรับสีที่สำคัญของแบรนด์เสมอ
HEX และ CMYK อธิบาย
HEX คืออะไร?
โค้ด HEX เป็นเลขฐานสิบหกหกหลักที่เก็บช่องสัญญาณแดง เขียว น้ำเงินของสีไว้หลังเครื่องหมายนำหน้า # แต่ละคู่ตัวเลขแทนช่องหนึ่งช่อง ตั้งแต่ 00 (ไม่มี) ถึง FF (เต็ม) ซึ่งให้สีเดียวกับ RGB ประมาณ 16.7 ล้านสีในรูปแบบที่สั้นกว่า HEX เป็นค่าปริยายใน CSS เครื่องมือออกแบบ และแนวทางแบรนด์
- ไวยากรณ์:
- #RRGGBB
- ช่วงค่า:
- 00–FF ต่อช่อง
- เหมาะสำหรับ:
- CSS การส่งมอบงานออกแบบ แนวทางแบรนด์
CMYK คืออะไร?
CMYK คือโมเดลสี่หมึกที่ใช้ในการพิมพ์: cyan, magenta, yellow และ key (ดำ) แต่ละสีเป็นเปอร์เซ็นต์ตั้งแต่ 0 ถึง 100 หมึกจะดึงแสงออกแทนการปล่อยแสง ดังนั้น CMYK ครอบคลุมสีได้น้อยกว่าหน้าจอ — นั่นคือเหตุผลที่สีสดบนหน้าจอมักจะดูหม่นเมื่อพิมพ์ออกมา
- ไวยากรณ์:
- cmyk(C%, M%, Y%, K%)
- ช่วงค่า:
- 0–100% ต่อหมึก
- เหมาะสำหรับ:
- งานพิมพ์ บรรจุภัณฑ์ ไฟล์สำหรับงานพิมพ์
ตารางอ้างอิงจาก HEX เป็น CMYK
สี CSS ที่ใช้บ่อยที่สุด แปลงจาก HEX เป็น CMYK
| สี | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |