พาเลตที่ออกแบบใน HSL มักจะไปลงบนกระดาษ ตัวแปลงนี้จะรับค่า hue, saturation และ lightness ที่คุณเลือกแล้วคืนค่าเปอร์เซ็นต์หมึกทั้งสี่ที่ร้านพิมพ์ใช้
วิธีการแปลงจาก HSL เป็น CMYK
- แปลง HSL triple เป็นช่อง RGB ระหว่าง 0 ถึง 255
- อ่านค่าเหล่านี้เป็นค่า sRGB แล้วค้นหาสีในโปรไฟล์ Coated FOGRA39
- ใช้เจตนาการแปลงสีแบบคัลเลอริเมตริกสัมพัทธ์ร่วมกับการชดเชยจุดสีดำ เพื่อให้สีขาวยังคงเป็นสีขาวของกระดาษ และให้สีดำแปลงเป็นหมึกที่เข้มที่สุดที่เครื่องพิมพ์ทำได้
- ปัดค่าหมึกทั้งสี่เป็นเปอร์เซ็นต์จำนวนเต็ม ค่าเหล่านี้เป็นไปตามการตั้งค่า CMYK เริ่มต้นของ Photoshop สำหรับยุโรป
ตัวอย่างที่ทำงานได้
การแปลงสองขั้นตอนเกิดขึ้นต่อเนื่องกัน จึงมีการปัดค่าสองครั้ง และขั้นตอน CMYK ใช้โปรไฟล์มาตรฐาน Coated FOGRA39 โปรไฟล์ CMYK อื่น (เช่นจากร้านพิมพ์ของคุณ) จะให้ตัวเลขต่างออกไป คาดว่าผลลัพธ์ที่พิมพ์ออกมาจะสดน้อยกว่าตัวอย่าง HSL เล็กน้อย
HSL และ CMYK อธิบาย
HSL คืออะไร?
HSL แยกสีเป็น hue (0–360° บนวงล้อสี), saturation (ความสดของสี, 0–100%) และ lightness (ความสว่าง, 0–100%) เพราะแต่ละส่วนตรงกับวิธีที่คนอธิบายสี HSL จึงเป็นฟอร์แมตที่ง่ายที่สุดสำหรับสร้างไทนท์ เงา และพาเลตต์ที่สม่ำเสมอ — ทั้งแบบทำมือหรือในโค้ด
- ไวยากรณ์:
- hsl(H, S%, L%)
- ช่วงค่า:
- 0–360°, 0–100%, 0–100%
- เหมาะสำหรับ:
- พาเลตต์ ไทนท์และเงา ธีม
CMYK คืออะไร?
CMYK คือโมเดลสี่หมึกที่ใช้ในการพิมพ์: cyan, magenta, yellow และ key (ดำ) แต่ละสีเป็นเปอร์เซ็นต์ตั้งแต่ 0 ถึง 100 หมึกจะดึงแสงออกแทนการปล่อยแสง ดังนั้น CMYK ครอบคลุมสีได้น้อยกว่าหน้าจอ — นั่นคือเหตุผลที่สีสดบนหน้าจอมักจะดูหม่นเมื่อพิมพ์ออกมา
- ไวยากรณ์:
- cmyk(C%, M%, Y%, K%)
- ช่วงค่า:
- 0–100% ต่อหมึก
- เหมาะสำหรับ:
- งานพิมพ์ บรรจุภัณฑ์ ไฟล์สำหรับงานพิมพ์
ตารางอ้างอิงจาก HSL เป็น CMYK
สี CSS ที่ใช้บ่อยที่สุด แปลงจาก HSL เป็น CMYK
| สี | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |