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