Công cụ chuyển màu RGB sang Hex là gì?
Công cụ này chuyển một màu được xác định bằng ba kênh Đỏ (Red), Xanh lá (Green) và Xanh dương (Blue) thành mã màu thập lục phân (hex) — loại mã được dùng phổ biến trên web, trong CSS, trong các phần mềm thiết kế và HTML. Mỗi kênh có giá trị từ 0 đến 255, và công cụ sẽ biến ba con số đó thành một mã quen thuộc như #FF6347 cùng với giá trị thập phân gốc của nó. Một ô màu trực tiếp sẽ cho bạn thấy chính xác màu đó trông như thế nào.
Cách sử dụng
Nhập một giá trị từ 0 đến 255 cho từng ô Đỏ, Xanh lá và Xanh dương. Nhấn nút tính toán và bạn sẽ thấy ngay mã hex, giá trị màu thập phân, cùng cách mỗi kênh được chuyển thành cặp hai chữ số hex tương ứng. Bạn chỉ cần sao chép mã hex và dán thẳng vào CSS hoặc ứng dụng thiết kế của mình.
Giải thích công thức
Mỗi kênh là một số 8-bit (0–255), tương ứng đúng hai chữ số thập lục phân (00–FF). Để tính giá trị thập phân tổng hợp, ta nhân kênh đỏ với 65536 (\(16^4\)), kênh xanh lá với 256 (\(16^2\)), rồi cộng thêm kênh xanh dương:
$$\text{Decimal} = 65536\cdot\text{Red} + 256\cdot\text{Green} + \text{Blue}$$Mã hex đơn giản là viết mỗi kênh ở hệ cơ số 16 rồi ghép lại với dấu # ở đầu.
Ví dụ minh họa
Lấy RGB(255, 99, 71) — màu "tomato" (đỏ cà chua). Đỏ 255 = FF, Xanh lá 99 = 63, Xanh dương 71 = 47, cho ra mã hex #FF6347. Giá trị thập phân là
$$255\times65536 + 99\times256 + 71 = 16{.}711{.}680 + 25{.}344 + 71 = 16{.}737{.}095$$Câu hỏi thường gặp
Tại sao mỗi kênh lại có đúng hai chữ số hex? Vì 255 trong hệ thập lục phân là FF — hai chữ số là đủ để biểu diễn mọi giá trị từ 0 đến 255.
Tôi có dùng được giá trị thập phân trong code không? Có. Nhiều API đồ họa chấp nhận một số nguyên duy nhất (ví dụ 16737095) như một giá trị màu được đóng gói.
Hex và RGB khác nhau ở điểm nào? Chúng cùng mô tả một màu nhưng theo hai cách viết khác nhau — hex gọn hơn, còn RGB dễ đọc hơn. Công cụ này hiển thị cả hai.
