Làm sao chuyển đổi RGB sang HEX và HEX sang RGB?

Gõ giá trị RGB như rgb(46, 139, 87) vào ô RGB, ô HEX sẽ hiện ngay #2E8B57—và ngược lại, dán HEX vào sẽ ra RGB. Vì mọi định dạng luôn đồng bộ nên việc đổi diễn ra theo cả hai chiều mà không cần thao tác riêng.

Công cụ có chuyển đổi RGB sang CMYK để in ấn không?

Có. Ô CMYK và CMYKA tự cập nhật mỗi khi bạn đổi bất kỳ định dạng nào khác, cho ra các giá trị cyan, magenta, yellow và key sẵn sàng để in. Lưu ý CMYK phụ thuộc thiết bị nên màu trên màn hình và bản in có thể chênh lệch đôi chút.

Trình chuyển đổi mã màu này có miễn phí và riêng tư không?

Có. Công cụ hoàn toàn miễn phí và mọi logic chuyển đổi chạy cục bộ trong trình duyệt, nên giá trị màu của bạn không bao giờ bị tải lên máy chủ.

Công cụ màu

Trình chuyển đổi màu trực tuyến | Đồng bộ RGB, HEX, HSL, HSV, CMYK

Chuyển đổi mã màu giữa RGB, RGBA, HEX, HSL, HSV, CMYK và hơn nữa. Đổi RGB sang HEX hay CMYK, sửa một định dạng là mọi giá trị màu cập nhật ngay.

Đồng bộ trực tiếpKhông cần tải lên

Xem trước trực quan

Dùng ô màu, bộ chọn màu gốc của trình duyệt và thanh alpha để tinh chỉnh cùng một màu trong mọi định dạng.

Màu xem trước

#3B82F6

rgba(59, 130, 246, 0.84)

Bộ chọn màu

#3B82F6

Độ trong suốt

0.84

Kênh trực tiếp

HEX

R: 59
G: 130
B: 246
A: 0.84

Mẹo chỉnh sửa

Nếu một trường tạm thời không hợp lệ khi bạn đang nhập, màu hợp lệ gần nhất vẫn được giữ lại. Hoàn tất giá trị và các định dạng khác sẽ tự động đồng bộ lại.

Đồng bộ trực tiếpKhông cần tải lên

Trình chỉnh sửa định dạng màu hai chiều

Tất cả định dạng bên dưới đều có thể chỉnh sửa. Khi bạn thay đổi HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK hoặc CMYKA, các mô hình màu còn lại sẽ đồng bộ ngay.

HEX

nguồn

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Giải thích

RGB

RGB là mô hình màu tiêu chuẩn gồm ba kênh đỏ (R), xanh lá (G) và xanh dương (B). Bằng cách thay đổi cường độ của ba kênh này, RGB có thể biểu diễn hầu hết màu sắc trên màn hình và là một trong những hệ màu được dùng rộng rãi nhất cho thiết bị số.

RGBA

RGBA là RGB có thêm kênh alpha cho độ trong suốt. R, G và B thường dùng giá trị từ 0 đến 255, còn A thường dùng 0 đến 1 hoặc 0% đến 100%. Đây là định dạng rất phổ biến trong CSS khi cần cùng một màu nhưng thay đổi độ mờ.

HEX

HEX là cách biểu diễn màu bằng hệ thập lục phân. Nó được dùng rộng rãi trong thiết kế web và CSS vì ngắn gọn và dễ sao chép. Một giá trị như #2E8B57 mã hóa đỏ, xanh lá và xanh dương bằng các cặp hex; dạng mở rộng còn có thể chứa cả alpha.

HSL

HSL (Hue, Saturation, Lightness) biểu diễn màu RGB trong hệ tọa độ hình trụ. H là nhóm màu cơ bản, S là độ thuần của màu, còn L điều khiển độ sáng: 0% là tối nhất, 50% là cân bằng và 100% là sáng nhất.

HSLA

HSLA là HSL có thêm kênh alpha. Nó giữ nguyên hue, saturation và lightness, đồng thời bổ sung độ trong suốt nên rất phù hợp cho đổ bóng, lớp phủ, màu nền bán trong suốt và trạng thái giao diện.

HSV

HSV (Hue, Saturation, Value) là không gian màu do A. R. Smith tạo ra vào năm 1978, còn được gọi là Hexcone Model. Vì Value mô tả trực tiếp độ sáng cảm nhận, HSV thường dễ dùng hơn cho việc chọn màu trực quan.

HSVA

HSVA là HSV có thêm kênh alpha. Nó phù hợp khi bạn muốn dùng mô hình hue, saturation, value trực quan nhưng vẫn cần mô tả độ mờ cho giao diện và đồ họa có lớp.

CMYK

CMYK là chế độ màu phổ biến trong in ấn. Tài liệu in được nhìn thấy nhờ ánh sáng bên ngoài phản xạ vào mắt, nên CMYK phù hợp với báo, bao bì và tờ rơi. Khác với RGB trên màn hình, CMYK được thiết kế cho mực in trên giấy.

CMYKA

CMYKA mở rộng CMYK bằng cách thêm kênh alpha. Nó hữu ích khi bạn cần mô tả các giá trị cyan, magenta, yellow, key cùng với độ trong suốt trong quy trình thiết kế hoặc tài sản nhiều lớp.

Cách dùng trình chuyển đổi màu trực tuyến

Dán hoặc nhập giá trị vào bất kỳ trường định dạng nào như HEX, RGB, RGBA, HSL, HSV hoặc CMYK.

Ngay khi giá trị hợp lệ, công cụ sẽ tự động chuyển đổi sang mọi định dạng màu được hỗ trợ khác.

Dùng bảng xem trước, bộ chọn màu, thanh alpha và các nút sao chép để tinh chỉnh và xuất đúng màu bạn cần.

Tính năng chính

Đồng bộ định dạng hai chiều

Thay đổi bất kỳ định dạng nào được hỗ trợ và giữ RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA đồng bộ theo thời gian thực.

Điều khiển màu trực quan

Xem màu hiện tại ngay lập tức với ô màu trực tiếp, bộ chọn màu của trình duyệt, thanh alpha và thông số từng kênh.

Chuyển đổi trong trình duyệt

Mỗi trường hỗ trợ cú pháp quen thuộc và toàn bộ chuyển đổi đều diễn ra phía trình duyệt để nhanh và riêng tư hơn.

Câu hỏi thường gặp về trình chuyển đổi màu

Tôi có thể sửa bất kỳ định dạng màu nào và cập nhật tất cả định dạng còn lại không?

Có. Trình chuyển đổi hỗ trợ đồng bộ hai chiều. Nếu bạn chỉnh RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK hoặc CMYKA, các định dạng còn lại sẽ cập nhật ngay khi giá trị hợp lệ.

Độ trong suốt được xử lý thế nào khi chuyển đổi?

HEX được hiển thị không kèm alpha vì trang này tập trung vào các định dạng bạn yêu cầu. Alpha vẫn được giữ trong RGBA, HSLA, HSVA và CMYKA, và phần xem trước luôn phản ánh đúng độ trong suốt hiện tại.

Trình chuyển đổi màu này có riêng tư không?

Không. Toàn bộ logic chuyển đổi chạy cục bộ trong trình duyệt của bạn, nên giá trị màu không bị tải lên máy chủ.

Để chuyển đổi mã màu, bạn chỉ cần dán giá trị vào một ô bất kỳ là mọi định dạng còn lại tự cập nhật ngay. Công cụ đổi qua lại giữa RGB, HEX, HSL, HSV và CMYK theo hai chiều: nhập rgb(46, 139, 87) sẽ hiện ngay #2E8B57, hoặc dán HEX sẽ ra RGB. Có cả ô xem trước, bộ chọn màu và thanh alpha để tinh chỉnh độ trong suốt. Toàn bộ xử lý chạy trong trình duyệt nên giá trị màu của bạn không bị tải lên máy chủ.

Cách dùng trình chuyển đổi màu

1
Nhập một giá trị màu
Dán hoặc gõ giá trị vào một ô định dạng bất kỳ, ví dụ #2E8B57 cho HEX, rgb(46, 139, 87) cho RGB hoặc hsl(146, 50%, 36%) cho HSL.
2
Xem mọi định dạng tự đồng bộ
Ngay khi giá trị hợp lệ, công cụ chuyển đổi sang tất cả định dạng được hỗ trợ cùng lúc—RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK và CMYKA.
3
Tinh chỉnh màu
Dùng ô màu trực tiếp, bộ chọn màu của trình duyệt và thanh alpha để điều chỉnh sắc độ và độ trong suốt, hoặc nhấn Ngẫu nhiên để khám phá màu mới.
4
Sao chép hoặc xuất
Nhấp vào một ô để sao chép giá trị, hoặc dùng Sao chép tất cả để lấy mọi định dạng cùng lúc cho CSS, file thiết kế hay mã nguồn của bạn.

Tài liệu tham khảo

W3C — CSS Color Module Level 4
Đặc tả của W3C định nghĩa các định dạng màu CSS gồm hex, rgb(), hsl(), hwb() và cú pháp màu hiện đại.
MDN — Giá trị <color> trong CSS
Tài liệu MDN bao quát mọi cách viết màu trong CSS, gồm HEX, RGB/RGBA, HSL/HSLA và cách hoạt động của kênh alpha.

Công cụ liên quan

CSS Minifier

Nén CSS có chứa các giá trị màu HEX, RGB và HSL bạn vừa chuyển đổi.

SVG Viewer

Xem trước và kiểm tra ảnh SVG dùng màu fill và stroke.

Image to Base64

Mã hóa ảnh thành chuỗi Base64 để nhúng trực tiếp cùng với style màu của bạn.

JSON Formatter

Làm đẹp và kiểm tra JSON lưu bảng màu và design token.

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

Làm sao chuyển đổi RGB sang HEX và HEX sang RGB?: Gõ giá trị RGB như rgb(46, 139, 87) vào ô RGB, ô HEX sẽ hiện ngay #2E8B57—và ngược lại, dán HEX vào sẽ ra RGB. Vì mọi định dạng luôn đồng bộ nên việc đổi diễn ra theo cả hai chiều mà không cần thao tác riêng.
Công cụ có chuyển đổi RGB sang CMYK để in ấn không?: Có. Ô CMYK và CMYKA tự cập nhật mỗi khi bạn đổi bất kỳ định dạng nào khác, cho ra các giá trị cyan, magenta, yellow và key sẵn sàng để in. Lưu ý CMYK phụ thuộc thiết bị nên màu trên màn hình và bản in có thể chênh lệch đôi chút.
Tôi có thể chỉnh một định dạng màu và cập nhật tất cả định dạng còn lại không?: Có. Trình chuyển đổi đồng bộ hai chiều. Khi bạn chỉnh RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK hoặc CMYKA, các định dạng còn lại cập nhật ngay khi giá trị hợp lệ.
Độ trong suốt được xử lý thế nào khi chuyển đổi mã màu?: HEX hiển thị không kèm alpha, nhưng độ trong suốt vẫn được giữ trong RGBA, HSLA, HSVA và CMYKA, và phần xem trước luôn phản ánh đúng độ mờ hiện tại. Bạn có thể chỉnh alpha bằng thanh trượt để lấy đúng giá trị mong muốn.
Trình chuyển đổi mã màu này có miễn phí và riêng tư không?: Có. Công cụ hoàn toàn miễn phí và mọi logic chuyển đổi chạy cục bộ trong trình duyệt, nên giá trị màu của bạn không bao giờ bị tải lên máy chủ.