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

Nhập phép tính

Mã màu Hex Nhập mã hex 3 hoặc 6 chữ số, có hay không có dấu # ở đầu đều được.

Kết quả

Màu RGB

rgb(52, 152, 219)

from #3498DB

Đỏ (R)	52
Lục (G)	152
Lam (B)	219
Mã Hex đã chuẩn hóa	#3498DB
CSS	rgb(52, 152, 219)

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, viết theo dạng #RRGGBB. Mỗi cặp hai chữ số tương ứng với một trong ba kênh màu cộng: đỏ (red), lục (green) và lam (blue). Công cụ này đọc một mã hex và trả về bộ ba giá trị RGB tương ứng, trong đó mỗi kênh là một số nguyên từ 0 đến 255. RGB chính là định dạng mà CSS, các phần mềm thiết kế và hầu hết màn hình sử dụng bên trong, nên việc chuyển qua lại giữa hai định dạng là công việc thường ngày của lập trình viên web và nhà thiết kế.

Cách sử dụng

Hãy gõ một mã hex vào ô nhập — có hay không có dấu # ở đầu đều được. Công cụ chấp nhận cả dạng đầy đủ sáu chữ số (#3498DB) lẫn dạng viết tắt ba chữ số (#39C, sẽ được mở rộng thành #3399CC). Công cụ tự động loại bỏ các ký tự thừa, chuẩn hóa mã màu và lập tức hiển thị giá trị đỏ, lục, lam cùng ô màu xem trước trực tiếp và đoạn CSS sẵn sàng để dán.

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

Hệ thập lục phân là hệ cơ số 16, dùng các chữ số 0–9 và chữ cái A–F (trong đó A=10 … F=15). Một cặp hai ký tự được chuyển đổi theo quy tắc giá trị = chữ số thứ nhất × 16 + chữ số thứ hai. Vì vậy FF = 15 × 16 + 15 = 255, giá trị lớn nhất, còn 00 = 0, giá trị nhỏ nhất. Ba cặp được giải mã độc lập thành R, G và B.

$$(R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right.$$

Một mã hex tách thành ba cặp, mỗi cặp chuyển thành giá trị kênh từ 0 đến 255.

Ví dụ minh họa

Lấy mã #3498DB. Cặp màu đỏ là 34 = \(3 \times 16 + 4\) = 52. Cặp màu lục là 98 = \(9 \times 16 + 8\) = 152. Cặp màu lam là DB = \(13 \times 16 + 11\) = 219. Kết quả là rgb(52, 152, 219) — một sắc xanh dương rất được ưa chuộng trong phong cách thiết kế phẳng.

Ví dụ minh họa: một mã hex hiển thị dưới dạng ô màu bên cạnh các kênh R, G, B của nó.

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

Công cụ có chấp nhận mã hex viết tắt như #FFF không? Có. Mã ba chữ số được mở rộng bằng cách nhân đôi từng chữ số, nên #FFF trở thành #FFFFFF = rgb(255, 255, 255).

Còn kênh alpha (độ trong suốt) thì sao? Công cụ này xử lý màu RGB ba kênh. Mã hex 8 chữ số có chứa alpha sẽ được cắt còn sáu chữ số đầu để thực hiện chuyển đổi màu.

Làm thế nào để chuyển ngược từ RGB về hex? Hãy định dạng giá trị mỗi kênh thành một số thập lục phân hai chữ số rồi ghép chúng lại sau dấu #. Ví dụ 52, 152, 219 → 34, 98, DB → #3498DB.