Công cụ chuyển màu RGB sang Hex

Nhập phép tính

Đỏ (0-255)

Xanh lá (0-255)

Xanh dương (0-255)

Kết quả

Mã màu Hex

#FF6347

Ký hiệu thập lục phân trong CSS

Đỏ	255
Xanh lá	99
Xanh dương	71
Hex	#FF6347

Công cụ chuyển RGB sang Hex là gì?

Công cụ này biến một màu RGB — gồm ba kênh (Đỏ, Xanh lá, Xanh dương), mỗi kênh có giá trị từ 0 đến 255 — thành mã màu hệ thập lục phân dạng #RRGGBB. Mã hex là cách chuẩn để khai báo màu trong HTML, CSS, SVG và hầu hết các phần mềm thiết kế, nên việc chuyển từ RGB là thao tác quen thuộc hằng ngày của lập trình viên web và designer.

Bộ chuyển đổi RGB sang hex biến các giá trị Đỏ, Lục, Lam thành một mã #RRGGBB duy nhất.

Cách sử dụng

Nhập giá trị Đỏ, Xanh lá và Xanh dương, mỗi giá trị nằm trong khoảng từ 0 đến 255, rồi xem mã hex kết quả cùng ô màu xem trước. Những giá trị vượt ngoài khoảng cho phép sẽ tự động được giới hạn về mức 0-255.

Giải thích công thức

Mỗi giá trị kênh (0-255) được viết thành số hai chữ số ở hệ cơ số 16. Chữ số đầu là thương khi chia cho 16 (nửa byte cao), chữ số thứ hai là số dư khi chia cho 16 (nửa byte thấp), sử dụng các ký tự 0-9 và A-F. Ba cặp số hai chữ số được ghép lại sau dấu # đứng đầu:

$$\text{Hex} = \text{\#} \, \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

Mỗi kênh (0-255) trở thành hai chữ số hex dùng các ký hiệu 0-9 và A-F.

Ví dụ minh họa

Lấy màu "tomato": R=255, G=99, B=71. Với R: \(255 \div 16 = 15 \to F\), dư \(15 \to F\), vậy là "FF". Với G: \(99 \div 16 = 6 \to 6\), dư \(3 \to 3\), vậy là "63". Với B: \(71 \div 16 = 4 \to 4\), dư \(7 \to 7\), vậy là "47". Ghép lại: #FF6347.

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

Tại sao mã hex có 6 chữ số? Mỗi kênh trong ba kênh màu được biểu diễn bằng hai chữ số hex (\(2 \times 3 = 6\)), đủ để bao quát toàn bộ 16.777.216 màu khả dĩ.

Viết hoa hay viết thường đều được chứ? Cả hai đều hợp lệ trong CSS. Công cụ này xuất ra chữ in hoa (A-F); #ff6347 và #FF6347 hoàn toàn giống nhau.

Còn độ trong suốt thì sao? Mã hex tiêu chuẩn không có kênh alpha. Dạng 8 chữ số #RRGGBBAA bổ sung thêm độ mờ đục, nhưng công cụ này tạo ra mã 6 chữ số thông dụng.