มาจากงานพิมพ์และต้องการสีเดียวกันบนเว็บ? การแปลง CMYK เป็น HEX ให้ค่าที่ใกล้เคียงที่สุดบนหน้าจอของการผสมหมึกของคุณ พร้อมให้วางใน CSS, Figma หรือชีตแบรนด์
วิธีการแปลงจาก CMYK เป็น HEX
- นำเปอร์เซ็นต์ CMYK ทั้งสี่ค่ามาเป็นปริมาณหมึกสำหรับโปรไฟล์ Coated FOGRA39
- อ่านสีที่โปรไฟล์พิมพ์ออกมาจากส่วนผสมหมึกนั้น โดยใช้เจตนาการแปลงสีแบบคัลเลอริเมตริกสัมพัทธ์ร่วมกับการชดเชยจุดสีดำ
- แปลงสีนั้นเป็น sRGB สีที่หน้าจอแสดงไม่ได้จะถูกตัดให้เป็นค่าที่ใกล้ที่สุดที่หน้าจอแสดงได้
- ปัดแต่ละแชนเนล เขียนเป็นเลขฐานสิบหกสองหลัก แล้วนำมาต่อหลัง #
ตัวอย่างที่ทำงานได้
ใช้โปรไฟล์มาตรฐาน Coated FOGRA39 ไม่ใช่โปรไฟล์ของเครื่องพิมพ์ของคุณ โปรไฟล์ CMYK อื่น (เช่นจากร้านพิมพ์ของคุณ) จะให้ตัวเลขต่างออกไป ดังนั้นควรถือว่าผลลัพธ์ HEX เป็นตัวอย่างที่ใกล้เคียงความจริง และตรวจสอบตัวอย่างงานพิมพ์ (ปรู๊ฟ)สำหรับสีที่สำคัญต่อแบรนด์
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |