Đến từ in ấn và cần cùng màu trên web? Chuyển CMYK sang HEX cho bạn tương đương màn hình gần nhất của hỗn hợp mực, sẵn sàng dán vào CSS, Figma hoặc tài liệu thương hiệu.
Cách chuyển CMYK sang HEX hoạt động
- Lấy bốn phần trăm CMYK làm lượng mực cho hồ sơ Coated FOGRA39.
- Đọc màu mà hồ sơ in ra cho hỗn hợp mực đó, dùng ý định hiển thị đo màu tương đối cùng với bù điểm đen.
- Chuyển màu đó sang sRGB. Các màu mà màn hình không thể hiển thị sẽ được cắt về giá trị gần nhất mà màn hình có thể hiển thị.
- Làm tròn mỗi kênh, viết dưới dạng hai chữ số thập lục phân và ghép lại sau dấu #.
Ví dụ minh hoạ
Cách này dùng hồ sơ Coated FOGRA39 chuẩn, không phải hồ sơ của máy in của bạn. Hồ sơ CMYK khác (ví dụ từ xưởng in của bạn) cho số liệu khác, vì vậy hãy xem kết quả HEX như bản xem trước trung thực và kiểm tra bản in thử cho các màu quan trọng với thương hiệu.
CMYK và HEX giải thích
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
HEX là gì?
Mã HEX là một số thập lục phân sáu chữ số lưu trữ kênh đỏ, xanh lá và xanh dương của một màu sau dấu # đứng trước. Mỗi cặp ký tự tương ứng một kênh, từ 00 (không) đến FF (đầy), cho cùng ~16.7 triệu màu như RGB nhưng ngắn gọn hơn. HEX là mặc định trong CSS, công cụ thiết kế và hướng dẫn thương hiệu.
- Cú pháp:
- #RRGGBB
- Phạm vi:
- 00–FF mỗi kênh
- Phù hợp cho:
- CSS, bàn giao thiết kế, hướng dẫn thương hiệu
Bảng tham chiếu CMYK sang HEX
Các màu CSS phổ biến nhất, đã chuyển từ CMYK sang HEX.
| Màu | 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 |