Palette thiết kế bằng HSL thường sẽ lên giấy. Bộ chuyển này lấy hue, saturation và lightness bạn chọn và trả về bốn phần trăm mực mà xưởng in dùng.
Cách chuyển HSL sang CMYK hoạt động
- Chuyển bộ HSL sang các kênh RGB giữa 0 và 255.
- Đọc chúng như giá trị sRGB và tra cứu màu trong hồ sơ Coated FOGRA39.
- Dùng ý định hiển thị đo màu tương đối cùng với bù điểm đen, để màu trắng vẫn là màu trắng của giấy và màu đen ứng với loại mực tối nhất mà máy in in được.
- Làm tròn bốn giá trị mực thành phần trăm nguyên. Các giá trị này tuân theo cài đặt CMYK mặc định của Photoshop cho châu Âu.
Ví dụ minh hoạ
Hai lần chuyển đổi diễn ra liên tiếp nên làm tròn xảy ra hai lần, và bước CMYK dùng hồ sơ Coated FOGRA39 chuẩn. Hồ sơ CMYK khác (ví dụ từ xưởng in của bạn) cho số liệu khác. Hãy dự kiến kết quả in sẽ kém rực rỡ hơn một chút so với bản xem trước HSL.
HSL và CMYK giải thích
HSL là gì?
HSL tách màu thành hue (0–360° trên vòng màu), saturation (mức độ màu, 0–100%) và lightness (độ sáng, 0–100%). Vì từng phần khớp với cách người ta mô tả màu, HSL là định dạng dễ nhất để tạo tints, shades và palette nhất quán — bằng tay hoặc trong code.
- Cú pháp:
- hsl(H, S%, L%)
- Phạm vi:
- 0–360°, 0–100%, 0–100%
- Phù hợp cho:
- palette, tints và shades, theming
CMYK là gì?
CMYK là mô hình bốn mực dùng trong in: cyan, magenta, yellow và key (đen), mỗi màu dưới dạng phần trăm từ 0 đến 100. Mực hút bớt ánh sáng thay vì phát sáng, nên CMYK bao phủ ít màu hơn màn hình — đó là lý do các màu rực trên màn hình thường trông nhạt hơn khi in.
- Cú pháp:
- cmyk(C%, M%, Y%, K%)
- Phạm vi:
- 0–100% mỗi mực
- Phù hợp cho:
- in ấn, bao bì, artwork sẵn sàng cho máy in
Bảng tham chiếu HSL sang CMYK
Các màu CSS phổ biến nhất, đã chuyển từ HSL sang CMYK.
| Màu | 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%) |