ต้องการแสดงสีจากงานพิมพ์บนหน้าจอไหม? การแปลง CMYK เป็น RGB จะให้ค่าที่เทียบเท่าบนแสงของเปอร์เซ็นต์หมึก — ค่าที่จอ, ม็อคอัพ หรือเว็บเพจสามารถแสดงได้จริง
วิธีการแปลงจาก CMYK เป็น RGB
- แปลงเปอร์เซ็นต์ทั้งสี่เป็นเศษส่วนระหว่าง 0 ถึง 1
- ใช้คอมโพเนนต์ key ก่อน: ทุกช่องจะถูกปรับสเกลโดย (1 − K)
- คำนวณ R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) และ B = 255 × (1 − Y) × (1 − K)
- ปัดแต่ละช่องเป็นจำนวนเต็มระหว่าง 0 ถึง 255
ตัวอย่างที่ทำงานได้
เป็นการประมาณ หน้าจอสามารถแสดงสีได้มากกว่าหมึก ดังนั้นผลลัพธ์ RGB มักจะดูสว่างและอิ่มตัวกว่าชิ้นงานพิมพ์
CMYK และ RGB อธิบาย
CMYK คืออะไร?
CMYK คือโมเดลสี่หมึกที่ใช้ในการพิมพ์: cyan, magenta, yellow และ key (ดำ) แต่ละสีเป็นเปอร์เซ็นต์ตั้งแต่ 0 ถึง 100 หมึกจะดึงแสงออกแทนการปล่อยแสง ดังนั้น CMYK ครอบคลุมสีได้น้อยกว่าหน้าจอ — นั่นคือเหตุผลที่สีสดบนหน้าจอมักจะดูหม่นเมื่อพิมพ์ออกมา
- ไวยากรณ์:
- cmyk(C%, M%, Y%, K%)
- ช่วงค่า:
- 0–100% ต่อหมึก
- เหมาะสำหรับ:
- งานพิมพ์ บรรจุภัณฑ์ ไฟล์สำหรับงานพิมพ์
RGB คืออะไร?
RGB อธิบายสีเป็นสามช่องของแสง — แดง เขียว น้ำเงิน — แต่ละช่องมีค่า 0 ถึง 255 มันสะท้อนการทำงานจริงของหน้าจอ: ทั้งสามช่องเป็น 255 ให้สีขาว ทั้งสามช่องเป็น 0 ให้สีดำ RGB เหมาะเมื่อต้องคำนวณกับสี เช่น การแอนิเมตช่องเดียว ผสมสีในโค้ด หรือเพิ่มความโปร่งใสด้วย rgba()
- ไวยากรณ์:
- rgb(R, G, B)
- ช่วงค่า:
- 0–255 ต่อช่อง
- เหมาะสำหรับ:
- โค้ด แคนวาส ความโปร่งใสด้วย rgba()
ตารางอ้างอิงจาก CMYK เป็น RGB
สี CSS ที่ใช้บ่อยที่สุด แปลงจาก CMYK เป็น RGB
| สี | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |