Bạn vừa chọn được một màu cam đỏ ưng ý, nhưng khi cần ghi nó vào file thiết kế hay đoạn mã CSS thì lại phân vân: chỗ này cần HEX, chỗ kia cần RGB, chỗ khác lại hỏi HSL. Mời bạn đọc tiếp để xem ba công cụ đổi mã màu làm việc ra sao khi cùng nhận một mã màu, và công cụ nào hợp với cách bạn hay làm việc nhất nhé.
Cùng một mã #FF5733, ba công cụ trả về những gì?
Mã #FF5733 được chọn để thử, vì đây là một màu cam đỏ quen thuộc, đủ sáng để nhìn rõ và đủ đậm để phân biệt các kênh màu. Mã này được nhập đúng vào cả ba công cụ ngày 26/10/2026, và những gì màn hình hiển thị được ghi lại đúng. Kết quả ở ba hàng đầu tiên khớp nhau hoàn toàn, chỉ khác cách viết.
| Kết quả cho #FF5733 | Công Cụ Việt | RapidTables | Convert-A-Color |
|---|---|---|---|
| RGB | rgb(255, 87, 51) | 255, 87, 51 | rgb(255,87,51) |
| HSL | hsl(11, 100%, 60%) | 11°, 100%, 60% | hsl(11,100%,60%) |
| CMYK | cmyk(0%, 66%, 80%, 0%) | 0%, 66%, 80%, 0% | cmyk(0,66,80,0) |
| HSV | Không có ô này | 11°, 80%, 100% | Không có ô này |
| Tên riêng của màu | Không thấy | Không thấy | Không thấy |
Nhìn bảng này, bạn có thể yên tâm một điều: đổi mã màu không làm màu thay đổi. Màu vẫn là một. HEX, RGB, HSL hay CMYK chỉ là những cách ghi khác nhau của cùng một màu cam đỏ, giống như một địa chỉ nhà viết bằng ba thứ tiếng khác nhau.
Khác biệt đầu tiên nằm ở HSV: chỉ RapidTables cho ra HSV 11°, 80%, 100%, hai công cụ còn lại không có ô này. Khác biệt thứ hai là tên màu: không công cụ nào đặt tên riêng cho #FF5733. Mục màu tương tự của Convert-A-Color như #FF4D00 hay #FF6600 chỉ là màu gần giống, không phải tên của chính mã bạn nhập.
Công Cụ Việt đổi mã màu theo cách gọn nhẹ cho người Việt
Công cụ chuyển đổi mã màu của Công Cụ Việt là công cụ do Công Cụ Việt làm, nên cả điểm được và điểm chưa được đều được nói thẳng. Khi nhập #FF5733, công cụ trả về rgb(255, 87, 51), hsl(11, 100%, 60%) và cmyk(0%, 66%, 80%, 0%), đúng như bảng trên. Bạn nhập vào bất kỳ ô nào trong bốn ô HEX, RGB, HSL hay CMYK, các ô còn lại đều tự cập nhật theo.
Điểm nổi bật nhất là khung xem trước màu lớn, bấm vào là chọn màu ngay, và mỗi ô đều có nút sao chép riêng. Công cụ còn có thanh Độ mờ từ 0 đến 1, khi thử thì thanh này đang ở mức 1.00, và khi bạn chỉnh độ mờ, các ô RGB và HSL sẽ chuyển sang dạng RGBA và HSLA. Dưới khung đổi màu còn có ba nhóm gợi ý phối màu: Đơn sắc 5 ô, Tương đồng 5 ô và Bổ túc 4 ô.
Chiều ngược lại cũng được thử: nhập rgb(0, 128, 0) thì công cụ đổi thành #008000, hsl(120, 100%, 25%) và cmyk(100%, 0%, 100%, 50%). Đổi chiều chạy đúng. Nhưng công cụ của Công Cụ Việt cũng có vài điểm trừ. Thứ nhất, công cụ không có ô HSV, nên nếu phần mềm của bạn hỏi HSV thì bạn phải sang công cụ khác. Thứ hai, các ô phối màu trong khung nhìn lúc thử không in mã HEX kèm theo, bấm vào một ô chỉ sao chép mã của ô đó chứ không đổi màu đang chuyển. Thứ ba, công cụ không nhận HEX 8 chữ số để giữ độ trong suốt, và CMYK ở đây chỉ là kết quả công thức, không xử lý hồ sơ màu của máy in. Nếu bạn cần màu từ ảnh, công cụ trích xuất bảng màu từ ảnh của Công Cụ Việt sẽ hợp hơn.
RapidTables: nhiều định dạng, nhưng muốn đủ bộ phải qua ba trang
RapidTables là cái tên quen thuộc với nhiều người làm web. Với #FF5733, trang tổng hợp của RapidTables cho ra RGB 255, 87, 51, HSL 11°, 100%, 60% và HSV 11°, 80%, 100%, còn CMYK 0%, 66%, 80%, 0% được lấy ở trang đổi RGB sang CMYK riêng. Con số khớp hoàn toàn với hai công cụ còn lại.
Điểm mạnh của RapidTables nằm ở chiều sâu: trang có nút đổi chiều, nút đặt lại, khung xem trước màu, bảng màu chuẩn kèm công thức chuyển đổi, và một danh sách dài Công cụ đổi màu riêng lẻ. Nếu bạn muốn hiểu phép đổi màu làm việc ra sao thay vì chỉ lấy kết quả, trang này cho bạn đủ dữ kiện để đối chiếu.
Điểm trừ cũng rõ ràng. Trang đổi Hex sang RGB riêng lẻ chỉ cho ra RGB, không cho HSL, CMYK hay HSV. Muốn có đủ bộ, bạn phải mở thêm trang tổng hợp và trang đổi RGB sang CMYK, tức ba trang cho một lần đổi mã. Trang viết bằng tiếng Anh, và trong khung nhìn lúc thử không thấy nút sao chép từng giá trị như hai công cụ còn lại, cũng không thấy trường nhập độ mờ.
Convert-A-Color: nhanh nhất khi bạn chỉ cần đổi mã
Convert-A-Color là công cụ tối giản nhất trong ba công cụ. Bạn mở trang lên, nhập #FF5733, cả bốn ô cùng cập nhật ngay, không cần bấm nút nào thêm. Kết quả là rgb(255,87,51), hsl(11,100%,60%) và cmyk(0,66,80,0). Bạn để ý nhé, cách viết CMYK ở đây không có dấu phần trăm, khác với hai công cụ còn lại, nhưng giá trị thì giống hệt.
Trang này có hai chi tiết rất vui. Thứ nhất, nền của toàn bộ trang tự đổi thành đúng màu bạn vừa nhập, nên bạn nhìn thấy màu thật ngay lập tức thay vì chỉ đọc con số. Thứ hai, mỗi giá trị đều có nút sao chép riêng, và trang còn có nút chuyển sang chế độ 8-bit cùng mục màu tương tự bấm được.
Đổi lại, Convert-A-Color ít tính năng đi kèm nhất. Trang không có ô HSV, không có trường độ mờ, và không đặt tên riêng cho #FF5733. Nếu bạn cần HSV, độ trong suốt hay gợi ý phối màu, trang này sẽ không đáp ứng được, và bạn phải quay lại một trong hai công cụ trên.
RGB, HSL, CMYK khác nhau ở chỗ nào, nên dùng cái nào?
RGB là cách ghi màu cho màn hình: ba kênh đỏ, lục, lam, mỗi kênh từ 0 đến 255. Với #FF5733, kênh đỏ ở mức tối đa 255, kênh lục 87 và kênh lam 51, nên màu ngả về cam đỏ. HEX thực ra chỉ là cách viết gọn của RGB bằng hệ thập lục phân.
HSL mô tả màu theo cách con người cảm nhận dễ hơn: hue là sắc màu theo góc trên vòng màu, saturation là độ bão hòa, lightness là độ sáng. HSL của #FF5733 là 11°, 100%, 60%, tức sắc cam đỏ gần đỏ thuần, bão hòa tối đa và sáng ở mức vừa. Muốn một biến thể sáng hơn hay nhạt hơn mà không đổi sắc, bạn chỉ cần chỉnh lightness trong HSL.
CMYK thuộc về thế giới in ấn: bốn thành phần cyan, magenta, yellow và đen, tính bằng phần trăm. CMYK của #FF5733 là 0%, 66%, 80%, 0%, nghĩa là không cần mực đen, cần nhiều magenta và yellow. Nhưng bạn cần nhớ: CMYK tính từ màn hình chỉ là bản nháp để trao đổi ý tưởng với nhà in, không phải công thức mực đã hiệu chỉnh cho giấy và máy in cụ thể.
Một lưu ý nữa về làm tròn: HSL và CMYK đều được làm tròn thành số nguyên, nên đổi từ HEX sang HSL rồi đổi ngược lại có thể lệch một bước nhỏ, cho ra mã gần giống chứ không đúng y mã ban đầu. Nếu bạn cần khớp tuyệt đối, hãy giữ lại mã gốc thay vì đổi qua đổi lại nhiều lần.
Kết luận: nên dùng công cụ nào?
Không công cụ nào hơn hẳn trong mọi trường hợp, vì mỗi công cụ hợp với một cách làm việc khác nhau. Nếu bạn làm việc bằng tiếng Việt, muốn đổi mã nhanh trong một khung duy nhất, lại có thêm thanh độ mờ và gợi ý phối màu, công cụ đổi mã màu của Công Cụ Việt là lựa chọn gọn nhẹ nhất, chỉ trừ việc nó chưa có HSV. Nếu bạn cần HSV, muốn xem công thức chuyển đổi và không ngại mở thêm vài trang, RapidTables sẽ đáp ứng đủ hơn. Nếu bạn chỉ cần dán mã vào, lấy RGB rồi đi ngay, Convert-A-Color là nhanh nhất.
Sau khi có mã màu ưng ý, bạn có thể đi xa hơn: công cụ tạo bảng màu phối tự động của Công Cụ Việt giúp bạn dựng cả bộ màu từ màu gốc, và công cụ kiểm tra độ tương phản màu chuẩn WCAG của Công Cụ Việt giúp bạn kiểm tra màu chữ trên nền đó có đủ dễ đọc hay không, còn công cụ tạo mã bóng đổ CSS của Công Cụ Việt giúp bạn dùng màu đó cho bóng đổ.
Bạn hay dùng mã màu theo cách nào: dán mã có sẵn rồi đổi, hay chọn màu bằng mắt rồi mới lấy mã? Hãy chia sẻ ở phần bình luận nhé.
Hỏi đáp nhanh
Mã #FF5733 đổi ra RGB, HSL, CMYK là gì?
Thử thật ngày 26/10/2026 trên cả ba công cụ: RGB là (255, 87, 51), HSL là (11°, 100%, 60%), CMYK là (0%, 66%, 80%, 0%). RapidTables cho thêm HSV là (11°, 80%, 100%).
Đổi từ HEX sang HSL rồi đổi ngược lại có về đúng mã cũ không?
Chưa chắc. HSL và CMYK được làm tròn thành số nguyên, nên đổi qua đổi lại có thể lệch một bước nhỏ và cho ra mã gần giống chứ không đúng y mã ban đầu. Muốn khớp tuyệt đối, bạn nên giữ lại mã gốc.
Gửi mã HEX cho nhà in thì nhà in có in đúng màu đó không?
Chưa chắc. CMYK tính từ mã màn hình chỉ là bản nháp để trao đổi, vì màu in còn phụ thuộc giấy, mực và hồ sơ màu của máy in. Bạn nên gửi cả mã màn hình lẫn tỷ lệ CMYK tính được, đồng thời thống nhất điều kiện in với đơn vị thực hiện.
Mã màu hiếm khi tách rời khỏi quy trình thiết kế, vì ảnh sau khi chọn tông màu chủ đạo vẫn cần được cắt và nén trước khi đưa lên giao diện. Hai khâu còn lại được trình bày trong bài cắt ảnh online: 3 công cụ, chọn theo nhu cầu của bạn và phần 3 công cụ nén ảnh online miễn phí.
