Đế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
- Chia cả bốn phần trăm CMYK cho 100.
- Áp dụng thành phần key trước: mọi kênh được nhân với (1 − K).
- Tính các kênh: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- 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ạ
Bản chất là xấp xỉ. CMYK bao phủ dải màu hẹp hơn so với màn hình, nên kết quả HEX là bản xem trước trung thực chứ không phải khớp màu có quản lý — điều đó cần profile ICC của máy in.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |