Công cụ chuyển Hex sang RGB là gì?
Mã màu hex là cách biểu diễn một màu bằng sáu chữ số hệ thập lục phân, được dùng phổ biến trong thiết kế web, CSS và đồ họa số. Nó mã hóa cường độ của ba kênh màu — đỏ, lục và lam — bằng các ký tự hệ cơ số 16 (0–9 và A–F). Công cụ này nhận một mã hex như #3498DB và chuyển nó thành bộ ba giá trị RGB tương ứng mà nhiều phần mềm thiết kế, ngôn ngữ lập trình và trình chỉnh sửa ảnh thường yêu cầu.
Cách sử dụng
Hãy nhập mã màu hex vào ô phía trên. Bạn có thể thêm dấu # ở đầu hoặc bỏ qua — cả hai cách đều được. Công cụ hỗ trợ cả mã sáu chữ số chuẩn (#RRGGBB) lẫn mã rút gọn ba chữ số (#RGB); mã rút gọn sẽ được tự động mở rộng (ví dụ #0AF trở thành #00AAFF). Kết quả hiển thị chuỗi rgb(r, g, b) đầy đủ, giá trị của từng kênh màu và một ô xem trước màu trực tiếp.
Giải thích công thức
Mỗi kênh màu chiếm hai chữ số hex. Hai ký tự đầu đại diện cho màu đỏ, hai ký tự giữa cho màu lục, và hai ký tự cuối cho màu lam. Mỗi cặp được chuyển từ hệ cơ số 16 sang hệ cơ số 10:
$$\begin{gathered} (R,\,G,\,B) = \bigl(\text{hex}_{[1\text{-}2]},\ \text{hex}_{[3\text{-}4]},\ \text{hex}_{[5\text{-}6]}\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \text{Int}_{16}\!\left(\text{Hex}[1\text{-}2]\right) \\ G &= \text{Int}_{16}\!\left(\text{Hex}[3\text{-}4]\right) \\ B &= \text{Int}_{16}\!\left(\text{Hex}[5\text{-}6]\right) \end{aligned} \right. \end{gathered}$$
\(R = \text{int}(\text{hex}[0{:}2],\ 16)\), \(G = \text{int}(\text{hex}[2{:}4],\ 16)\), \(B = \text{int}(\text{hex}[4{:}6],\ 16)\). Mỗi kênh có giá trị từ 0 (00) đến 255 (FF).
Ví dụ minh họa
Lấy #3498DB làm ví dụ. Cặp màu đỏ là 34, tương đương \(3 \times 16 + 4 = \mathbf{52}\). Cặp màu lục là 98, bằng \(9 \times 16 + 8 = \mathbf{152}\). Cặp màu lam là DB, trong đó D = 13 và B = 11, cho ra \(13 \times 16 + 11 = \mathbf{219}\). Vậy #3498DB = rgb(52, 152, 219).
Câu hỏi thường gặp
FFFFFF chuyển thành gì? Màu trắng tinh: rgb(255, 255, 255). Còn 000000 là màu đen tuyền: rgb(0, 0, 0).
Tôi có thể nhập mã 3 chữ số không? Có. Mã rút gọn ba chữ số được nhân đôi từng ký tự — #F00 mở rộng thành #FF0000 = rgb(255, 0, 0).
Có bắt buộc phải có dấu # không? Không. Công cụ tự động loại bỏ dấu # ở đầu, nên cả #1A2B3C lẫn 1A2B3C đều dùng được.
