Chuyển Đổi RGB Sang HEX

Công cụ chuyển RGB sang HEX biến các giá trị RGB như rgb(59, 130, 246) thành mã thập lục phân như #3B82F6. RGB là cách màn hình mô tả màu và là đầu ra của hầu hết công cụ thiết kế, còn HEX là định dạng gọn, dễ sao chép mà CSS và HTML dùng nhiều nhất.

HEX chỉ là RGB ở hệ cơ số 16. Mỗi kênh (0–255) trở thành một cặp hai ký tự (00–FF), nên 59 thành 3B và 246 thành F6.

Khi nào bạn cần

Viết CSS

Biến đầu ra RGB của một công cụ thành mã HEX gọn gàng, đưa thẳng vào tệp style hay biến chủ đề.

Chia sẻ màu

Một chuỗi HEX duy nhất dễ sao chép, nhắn tin hay ghi chú hơn nhiều so với ba con số riêng lẻ.

Bàn giao thiết kế

Chuyển giá trị RGB đã chọn sang HEX cho cẩm nang thương hiệu, design token và tài liệu cho lập trình viên.

Cách chuyển RGB sang HEX

Nhập giá trị RGB

Gõ ba kênh của bạn — ví dụ 59, 130, 246. Bạn có thể ngăn cách bằng dấu phẩy hoặc dấu cách, và có thể bọc trong rgb(...) nếu muốn.

Xem kết quả HEX

Mã HEX được tạo ngay khi bạn gõ, và ô màu trực tiếp cập nhật để bạn xác nhận màu chỉ trong một cái nhìn.

Hoặc chọn màu

Bấm vào ô màu để mở bộ chọn màu của trình duyệt và chọn bằng mắt — các ô RGB và HEX sẽ tự điền.

Sao chép & dùng lại

Nhấn nút sao chép để lấy mã HEX. Bảng bên dưới cũng hiển thị cùng màu đó dưới dạng RGB, HSL, HSV và CMYK.

Tính năng

Kết quả thời gian thực

HEX cập nhật ngay khi bạn gõ, hoàn toàn trong trình duyệt — không chờ đợi, không tải lại.

Nhập liệu linh hoạt

Chấp nhận giá trị ngăn cách bằng dấu phẩy hoặc dấu cách, có hoặc không có vỏ bọc rgb().

Xem trước & bộ chọn màu

Ô màu trực tiếp xác nhận kết quả, và bộ chọn cho phép chọn màu bằng mắt.

Tất cả định dạng cùng lúc

Xem HEX, RGB, HSL, HSV và CMYK cùng nhau cho mỗi màu bạn nhập.

Đầu ra chuẩn: mã HEX được trả về dạng chữ hoa (ví dụ #3B82F6), theo quy ước thông thường — dù trong CSS, HEX không phân biệt chữ hoa, chữ thường.

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

Giá trị RGB nào là hợp lệ?

Mỗi kênh phải là số nguyên từ 0 đến 255. Giá trị sẽ bị giới hạn hoặc báo lỗi nếu vượt ra ngoài khoảng đó, vì RGB không có nghĩa bên ngoài phạm vi này.

Tại sao dùng HEX thay vì RGB?

HEX gọn hơn và dễ sao chép, chia sẻ dưới dạng một chuỗi. Cả hai định dạng đều được CSS hỗ trợ đầy đủ, nên lựa chọn chủ yếu là về sự tiện lợi và quy ước của nhóm.

Nhập giá trị RGB như thế nào?

Nhập ba con số ngăn cách bằng dấu phẩy hoặc dấu cách — ví dụ 59, 130, 246 hoặc 59 130 246. Bọc chúng trong rgb(...) cũng được.

Đầu ra là chữ hoa hay chữ thường?

Công cụ xuất HEX dạng chữ hoa (ví dụ #3B82F6), quy ước phổ biến nhất. CSS coi #3b82f6 và #3B82F6 là như nhau.

Phép chuyển đổi có chính xác không?

Có. RGB sang HEX là ánh xạ trực tiếp, không mất mát — mỗi kênh 0–255 trở thành đúng một cặp 00–FF, nên cùng một RGB luôn cho cùng một HEX mà không có làm tròn.