design

HEX sang RGB sang CMYK năm 2026: Tại sao màu in luôn khác màu trên màn hình

Đổi HEX sang RGB là phép toán chính xác tuyệt đối. Nhưng RGB sang CMYK lại là một phép 'đoán mò' có sự hao hụt, phụ thuộc vào máy in, chất liệu giấy và hồ sơ màu ICC. Đây là sự khác biệt, các phép toán thực tế, và lúc nào thì công cụ chuyển đổi trực tuyến thực sự hữu ích.

Published 2026-06-04 · 8 min read

Affiliate disclosure

Some links below are affiliate links. I may earn a commission from qualifying purchases at no extra cost to you. I only recommend tools I have used or tested.

Các thẻ màu Swatchos hiển thị giá trị CMYK và HEX RGB đang được sử dụng bởi một đồ họa trên bàn làm việc của họ
Photo by Andy Brown on Unsplash

TL;DR

  • HEX thực chất là sRGB. #RRGGBB chỉ là cách viết tắt của ba kênh màu từ 0–255. Đổi HEX ↔ RGB là chính xác tuyệt đối và không hao hụt — hoàn toàn là toán học cơ số 16.
  • RGB → CMYK thì không. Không có công thức chuyển đổi chung nào hoàn hảo cả. Kết quả thực tế phụ thuộc vào máy in, giấy và hồ sơ màu ICC (SWOP, GRACoL, Fogra39, ISO Coated). Các công cụ đổi màu online chỉ dùng công thức ước lượng đại khát.
  • Màn hình ≠ In ấn chủ yếu là do vật lý: màn hình phát ánh sáng (RGB), mực hấp thụ ánh sáng (CMYK), và gam màu của CMYK hẹp hơn. Những màu rực rỡ trên màn hình sẽ bị cắt bỏ và trông xám đi.
  • Rich black (ví dụ 100K + 50C/50M/50Y) sẽ đậm hơn màu đen thuần 100% K, nhưng hãy để ý đến tổng lượng mực (~tối đa 240–320%) và tuyệt đối không dùng nó cho chữ nhỏ.
  • Quy trình chuẩn: thiết kế bằng RGB, xem trước bằng soft-proof với hồ sơ màu của xưởng in, rồi chuyển sang CMYK ở bước cuối cùng. Công cụ đổi màu online rất tốt để tham khảo, không phải để quyết định màu in cuối cùng.

Thực chất HEX, RGB và CMYK là gì?

Ba kiểu ghi chú, hai mô hình màu, và một nguồn gây hoang mang không bao giờ dứt.

HEX không phải là mô hình màu. Nó chỉ là cách ghi chú màu sRGB. Một mã hex như #1ABC9C thực chất là ba cặp số cơ số 16 — đỏ, lục, lam — giống hệt như định nghĩa trong tài liệu tham khảo MDN về <hex-color> và được chuẩn hóa trong CSS Color Module Level 4. Khi bạn dán một mã hex, bạn đang giao tiếp với một chiếc màn hình.

RGB là mô hình cộng màu. Bạn bắt đầu từ màu đen (không có ánh sáng) và thêm các ánh sáng đỏ, lục, và lam để tạo ra màu; cả ba kênh sáng hết công suất sẽ cho bạn màu trắng. Mỗi kênh chạy từ 0–255, tạo ra khoảng 16,7 triệu tổ hợp và một gam màu khá rộng. Đây là cách mọi màn hình, điện thoại và TV hoạt động.

CMYK là mô hình trừ màu và sinh ra để in trên giấy. Mực Cyan, magenta, yellow và black (K) sẽ hấp thụ một phần quang phổ; phần ánh sáng còn lại phản xạ vào mắt bạn. Các kênh được biểu diễn bằng phần trăm từ 0–100%. Vì mực chỉ có thể hấp thụ ánh sáng từ giấy trắng — và không có loại mực thực tế nào hoàn hảo 100% — nên CMYK có gam màu hẹp hơn RGB. Cũng có một giới hạn vật lý cứng: máy in giới hạn tổng lượng mực ở mức khoảng 240–320% (tổng của cả bốn kênh), nếu không giấy sẽ bị nhòe mực. Hãy xem tổng quan về mô hình màu CMYK để hiểu rõ hơn toàn bộ câu chuyện.

Khoảng cách gam màu đó chính là lời giải cho câu hỏi "tại sao màu in không khớp trên màn hình?"

HEX ↔ RGB: Phép toán chính xác, không có chỗ cho sai số

Đây là phần dễ nhất và trung thực nhất của việc đổi màu. HEX và RGB là cùng một thứ nhưng mặc khác áo, nên việc chuyển đổi qua lại là hoàn toàn không hao hụt.

Mỗi cặp hex là một số cơ số 16 gồm hai chữ số. Để lấy giá trị thập phân:

giá trị = (chữ_số_đầu_tiên × 16) + chữ_số_thứ_hai

trong đó A=10, B=11, C=12, D=13, E=14, F=15.

Ví dụ tính toán cụ thể với #1ABC9C:

  • R = 1A → (1 × 16) + 10 = 26
  • G = BC → (11 × 16) + 12 = 188
  • B = 9C → (9 × 16) + 12 = 156

Vậy #1ABC9C = RGB(26, 188, 156). Đổi ngược lại — 26 ÷ 16 = 1 dư 10 → 1A, v.v. — và bạn sẽ quay lại chính xác điểm xuất phát. Không cần cấu hình thiết bị, không cần làm tròn. Nếu một công cụ chuyển đổi cho bạn một bộ ba RGB khác với mã hex ban đầu, thì công cụ đó đã hỏng.

RGB → CMYK: Nơi sự trung thực kết thúc

Đây là phần mà các công cụ không nói cho bạn biết: không có một công thức chuyển đổi RGB → CMYK nào là hoàn toàn chính xác cho mọi trường hợp. Cùng một màu RGB sẽ cho ra các công thức pha mực khác nhau tùy thuộc vào máy in, loại giấy và hồ sơ màu ICC đang được sử dụng — SWOP và GRACoL ở Bắc Mỹ, Fogra39 / ISO Coated ở Châu Âu. Các cấu hình này lưu trữ cách một điều kiện in cụ thể tái tạo màu sắc thực tế, như cách giải thích về các tiêu chuẩn in SWOP, GRACoL và ISO của colourphil.

Những gì các công cụ đổi màu trực tuyến (bao gồm cả các công cụ nhanh) thực sự chạy chỉ là một công thức đại khát, không cần cấu hìnhICC, trông giống thế này:

K = 1 − max(R, G, B) / 255
C = (1 − R/255 − K) / (1 − K)
M = (1 − G/255 − K) / (1 − K)
Y = (1 − B/255 − K) / (1 − K)

Nó mang tính xác định và tạo ra một bộ ba CMYK có vẻ hợp lý, nhưng nó không biết gì về giấy hay máy in của bạn cả. Lỗi nghiêm trọng nhất là đối với những màu nằm ngoài gam (out-of-gamut): một màu xanh neon rực rỡ hay xanh lá sáng chói mà đơn giản là không thể trộn từ mực CMYK. Công thức đại khát sẽ vẫn ngoan ngoãn xuất cho bạn các con số, nhưng quá trình chuyển đổi có nhận biết cấu hình ICC sẽ cắt bỏ màu đó xuống màu có thể in gần nhất — xám hơn và bị lệch màu một chút. Đó là lý do tại sao một màu nhận diện thương hiệu rực rỡ thường in ra trông nhợt nhạt và thiếu sức sống.

Đối với màu ví dụ của chúng ta, việc chuyển đổi đại khát #1ABC9C sẽ cho kết quả gần như:

HEXRGBCMYK (ước lượng — thay đổi tùy máy in)
#1ABC9C26, 188, 15686C / 0M / 17Y / 26K

Hãy coi các con số CMYK đó là con số ước lượng ban đầu, chứ không phải tiêu chuẩn kỹ thuật. Trên một bản proof GRACoL hoặc Fogra39 thực tế, màu này sẽ bị lệch đi một chút.

Tại sao màu trên màn hình không bao giờ khớp với bản in

Hãy xếp các nguyên nhân theo mức độ ảnh hưởng:

  1. Cộng màu vs Trừ màu (yếu tố quyết định). Màn hình phát ra ánh sáng và cộng các kênh màu để tiến về màu trắng; mực hấp thụ ánh sáng và trừ đi để tiến về màu đen. Hai cách tạo màu hoàn toàn trái ngược nhau thì không bao giờ có thể khớp hoàn hảo được. Hướng dẫn về RGB so với CMYK của Printful là một bài viết giải thích dễ hiểu bằng tiếng Anh thông dụng.
  2. Giới hạn gam màu. CMYK không thể with tới những vùng màu rực rỡ nhất của RGB. Bất cứ màu nào nằm ngoài gam CMYK sẽ bị cắt bỏ.
  3. Độ sáng và căn chỉnh màn hình. Một chiếc màn hình chưa được căn chỉnh và bật sáng chói sẽ làm mọi thứ trông long lanh hơn mức mà mực có thể làm được. Màu "chuẩn" trên màn hình của bạn thực chất đã là một ảo ảnh.
  4. Thiếu hồ sơ màu ICC. Nếu không xem trước bằng soft-proof dựa trên điều kiện in thực tế, bạn đang xem trước trong môi trường chân không và hy vọng mọi thứ sẽ ổn.

Không có điều nào trong số này là lỗi hệ thống cả. Đây là cái giá bạn phải trả khi chuyển đổi màu sắc giữa hai môi trường vật lý hoàn toàn khác nhau.

Rich black: Khi 100% K vẫn chưa đủ đen

Màu đen thuần túy (100% K, không thêm gì khác) in thì ổn với chữ văn bản, nhưng có thể trông nhạt và hơi xám khi in phủ diện tích lớn. Giải pháp là dùng rich black: in thêm các màu khác bên dưới màu đen. Một công thức phổ biến là 100K đi kèm với 50C / 50M / 50Y, tạo ra cảm giác đen sâu và đặc hơn — bài giải thích về rich black của ColorVision Printing có nói chi tiết về các cách phối này.

Hãy lưu ý hai điều:

  • Tổng lượng mực (Total ink coverage). Rich black chồng các kênh mực lên nhau. Hãy giữ tổng giá trị trong giới hạn của máy in (~240–320%) nếu không mực sẽ bị lem và lâu khô.
  • Không dùng cho chữ nhỏ. Việc dùng nhiều khuôn mực đồng nghĩa với việc bất kỳ sai lệch nào khi canh lề (misregistration) cũng sẽ làm các cạnh chữ bị nhòe và có viền màu. Hãy đặt chữ nhỏ bằng màu đen thuần túy 100% K.

Đâu là lúc công cụ chuyển đổi online thực sự hữu ích (và lúc nào thì không)

Một công cụ đổi màu HEX/RGB/CMYK là một công cụ thực sự tiện lợi — miễn là bạn biết rõ phần nào của nó là chính xác tuyệt đối và phần nào chỉ là con số phỏng đoán.

Hãy dùng nó để:

  • Đổi HEX ↔ RGB — cực kỳ đáng tin cậy. Lấy các con số chính xác để nhét vào CSS, design token, hoặc API payload.
  • Ước lượng CMYK — một bước kiểm tra nhanh để xem màu đó đã nằm trong phạm vi có thể in hay chưa trước khi bạn tiến hành.
  • Tham khảo, khám phá — xem nhanh một màu thương hiệu sẽ được phân tích như thế nào dưới các định dạng khác nhau.

Đừng dùng nó để:

  • Quyết định màu in cuối cùng. CMYK không có cấu hình ICC không phải là một tiêu chuẩn in ấn. Với bất cứ thứ gì đưa lên máy in, hãy dùng soft-proof trong phần mềm thiết kế với hồ sơ ICC của xưởng in cung cấp và chuyển đổi nó ở bước cuối cùng.

Nếu bạn đang chọn và kiểm tra màu cho giao diện web, hãy kết hợp công cụ đổi màu này với trình kiểm tra độ tương phản màu để bảng màu bạn chọn vừa đúng thương hiệu lại vừa dễ đọc, và trình tạo bảng màu khi bạn cần tạo ra các biến thể sắc thái xung quanh một màu cơ bản. Hai công cụ kia lo phần màn hình; còn công cụ đổi màu chỉ lo việc dịch cách ghi chú.

Một cách tư duy trung thực nhất là: HEX và RGB là cùng một con số chính xác; CMYK là một bản dịch sang một ngôn ngữ khác nhưng có ít từ vựng hơn. Một số thứ không thể dịch được, và công cụ đổi màu không thể tự nhiên chế ra được loại mực không có trong thực tế.

Câu hỏi thường gặp

Tại sao màu trên màn hình in ra lại bị khác? Do vật lý khác nhau. Màn hình cộng ánh sáng (RGB, additive); mực hấp thụ ánh sáng (CMYK, subtractive). Gam màu hẹp hơn của CMYK sẽ cắt bỏ các màu rực rỡ, và độ sáng của màn hình, việc cân chỉnh và thiếu hồ sơ màu ICC càng làm cho khoảng cách này lớn hơn.

Có công thức chuyển đổi RGB → CMYK chính xác không? Không. HEX ↔ RGB là chính xác; RGB → CMYK phụ thuộc vào thiết bị, giấy và hồ sơ màu ICC (SWOP/GRACoL/Fogra39/ISO Coated). Các công cụ đổi màu online chỉ sử dụng công thức ước lượng đại khát mà thôi.

Rich black là gì? Là màu đen được tạo ra bằng cách dùng K cộng thêm các mực C/M/Y bên dưới (ví dụ 100K/50C/50M/50Y) để có màu đen sâu hơn màu đen thuần 100% K. Chú ý giới hạn tổng lượng mực và tuyệt đối không dùng nó cho chữ nhỏ.

Nên thiết kế bằng màu RGB hay CMYK? RGB — cho phép dùng trọn gam màu, xem trước chính xác và xử lý nhanh hơn. Dùng tính năng soft-proof với hồ sơ màu của máy in, sau đó mới chuyển sang CMYK ở bước cuối cùng.

Nguồn

  1. MDN: Kiểu dữ liệu CSS <hex-color>
  2. W3C: CSS Color Module Level 4
  3. Wikipedia: Mô hình màu CMYK
  4. Colourphil: Tiêu chuẩn in ISO, SWOP và GRACoL
  5. Printful: RGB so với CMYK — hướng dẫn về hệ thống màu sắc
  6. ColorVision Printing: Rich black là gì?

Đọc tiếp


“Nói suông thì rẻ. Cho tôi xem code.”
― Linus Torvalds

design

Bảng Tham Khảo Cú Pháp Cron (2026): Đọc và Tạo Mọi Biểu Thức Crontab

Giải thích cú pháp cron: thứ tự 5 trường, mô hình đọc trong 10 giây, 16 biểu thức đã kiểm chứng, cái bẫy OR của ngày trong tuần, các lỗi DST và so sánh cron với systemd timers.

10 min read

công cụ kiểm regex và tạo pattern cho developer — hình minh họa hero gốc

design

Regex Tester & Pattern Builder: Hướng Dẫn Thực Hành Viết Regex Xịn Xò, Chạy Chuẩn

Cách viết regex thực sự hiệu quả: từ anchor, quantifier, cái bẫy khác biệt giữa các engine, đến lỗi ReDoS có thể làm sập server của bạn. Hãy luôn test khi viết.

9 min read

Laptop mở code và cây cảnh nhỏ trong quán cà phê

design

JSON vs YAML vs TOML: Khi Nào Nên Chọn Định Dạng Nào (Cẩm Nang Quyết Định cho Developer)

So sánh JSON vs YAML vs TOML: Chọn JSON cho API và data, YAML cho config Kubernetes/CI (cẩn thận 'Norway problem'), TOML cho config tường minh như Cargo.toml. Cẩm nang quyết định rõ ràng.

9 min read

Mọi thứ bắt đầu chỉ với HTML, CSS và một chút JavaScript.

design

Base64 Encoding giải thích: Khi nào và tại sao Dev dùng (và những cạm bẫy nên tránh)

Base64 hoạt động như thế nào (3 byte thành 4 ký tự ASCII, cồng kềnh thêm 33%), các trường hợp sử dụng thực tế (data URIs, JWT, Basic auth), và những cạm bẫy: nó không phải mã hóa và cũng chẳng nén dữ liệu.

8 min read

Một mã QR có thể quét trên nền xanh lá, minh họa cho thiết kế mã QR mang thương hiệu riêng

design

Mã QR Mang Thương Hiệu Riêng: Thêm Logo và Màu Sắc Với Công Cụ Tạo Mã QR Miễn Phí

Cách cơ chế sửa lỗi cho phép bạn chèn logo lên mã QR, các quy tắc về độ tương phản và vùng yên tĩnh để mã vẫn quét được, và sự thật về mã QR tĩnh so với động.

8 min read

Cận cảnh tờ sticker sheet Google Material design trên MacBook.

design

Công cụ bảng màu trợ năng: Vì sao hầu hết bảng màu thất bại trước khi bạn tung ra

83.6% trang chủ không đạt tiêu chuẩn tương phản. Cách chọn công cụ kiểm chứng bảng màu trợ năng, tránh sai lầm phổ biến và kiểm tra đúng tổ hợp màu.

9 min read