Kết nối qua MCP →

Nhập phép tính

Nhập mã hex 3 hoặc 6 ký tự, có hoặc không có dấu # ở đầu.

Công thức

Quảng cáo

Kết quả

Màu RGB
rgb(52, 152, 219)
from #3498DB
Đỏ (R) 52
Lục (G) 152
Lam (B) 219

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

Công cụ chuyển HEX sang RGB giúp bạn đổi một mã màu thập lục phân (chuỗi sáu ký tự thường dùng trong CSS, HTML và các phần mềm thiết kế) thành giá trị RGB tương ứng. RGB mô tả màu sắc qua ba kênh — đỏ, lục và lam — mỗi kênh có giá trị từ 0 đến 255. Mã hex gói gọn cả ba giá trị này thành một chuỗi cơ số 16 ngắn gọn, ví dụ #3498DB.

Cách sử dụng

Hãy nhập bất kỳ mã màu hex nào vào ô. Bạn có thể giữ hoặc bỏ dấu # ở đầu, và cũng có thể dùng dạng viết tắt 3 ký tự (ví dụ #0AF) — công cụ sẽ tự động mở rộng thành dạng đầy đủ 6 ký tự (#00AAFF). Nhấn nút tính toán để xem bộ ba giá trị RGB, ô màu minh họa và từng kênh màu được tách riêng.

Công thức hoạt động

Mã hex 6 ký tự được chia thành ba cặp: ký tự 1–2 là màu đỏ, 3–4 là màu lục và 5–6 là màu lam. Mỗi cặp là một số ở hệ cơ số 16 (thập lục phân), được chuyển sang hệ cơ số 10 (thập phân).

$$(R,\,G,\,B) = \left( \text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6} \right)_{16}$$$$\text{where}\quad \left\{ \begin{aligned} R &= \big(\,\text{HEX}\,[1\text{-}2]\,\big)_{16} \\ G &= \big(\,\text{HEX}\,[3\text{-}4]\,\big)_{16} \\ B &= \big(\,\text{HEX}\,[5\text{-}6]\,\big)_{16} \end{aligned} \right.$$

Chẳng hạn, cặp FF bằng \(15\times16 + 15 = 255\), tức cường độ tối đa, còn 00 bằng 0.

Sơ đồ minh họa mã hex sáu chữ số chia thành ba cặp tương ứng với các kênh đỏ, xanh lá và xanh dương
Mã hex 6 chữ số được chia thành ba cặp, mỗi cặp chuyển thành giá trị 0-255 cho R, G và B.

Ví dụ minh họa

Lấy mã #3498DB. Đỏ = 34 = \(3\times16 + 4 = 52\). Lục = 98 = \(9\times16 + 8 = 152\). Lam = DB = \(13\times16 + 11 = 219\). Kết quả là rgb(52, 152, 219) — một sắc xanh dương dịu mắt.

Giá trị hex FF8800 chuyển thành RGB 255, 136, 0 kèm mẫu màu
Ví dụ: #FF8800 chuyển thành RGB (255, 136, 0), một mẫu màu cam.

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

Tôi có cần nhập dấu # không? Không. Công cụ tự động loại bỏ dấu này, nên 3498db#3498DB cho cùng một kết quả.

Mã hex có phân biệt chữ hoa, chữ thường không? Không. ffFF hoàn toàn giống nhau; công cụ sẽ chuẩn hóa tất cả về chữ in hoa.

Còn mã 3 ký tự thì sao? Dạng viết tắt như #F00 được mở rộng bằng cách nhân đôi từng ký tự thành #FF0000, tương đương rgb(255, 0, 0) (màu đỏ thuần).

Cập nhật lần cuối: