HEX sang RGB

Biến mã màu HEX thành RGB

HEX và RGB mô tả cùng một màu bằng hai cách viết. Mã HEX như #8997BB gồm ba cặp chữ số thập lục phân cho đỏ, xanh lá và xanh dương. RGB viết cùng lượng màu đó bằng số thường từ 0 đến 255: rgb(137, 151, 187).

Dán mã HEX và công cụ trả về giá trị RGB. Đó là thứ bạn cần cho nhiều công cụ thiết kế và vẽ biểu đồ, để thêm độ trong suốt bằng rgba(), và cho code xử lý từng kênh màu riêng.

Phép tính đơn giản nhưng tẻ nhạt: mỗi cặp được đổi từ cơ số 16 sang cơ số 10. 89 trong hex là 8×16 + 9 = 137.

Cách dùng công cụ chuyển HEX sang RGB

1. Nhập mã màu HEX bắt đầu bằng #, ví dụ #8997BB. Không có dấu # công cụ không nhận ra đó là mã HEX và báo lỗi.
2. Gửi để chuyển đổi.
3. Sao chép giá trị RGB.

Ví dụ

Tím nhạt thương hiệu

Đầu vào: #8997BB

Kết quả: rgb(137,151,187)

Màu oải hương

Đầu vào: #C6CDE5

Kết quả: rgb(198,205,229)

Dạng viết tắt ba chữ số

Đầu vào: #fa0

Kết quả: rgb(255,170,0)

Mỗi chữ số được nhân đôi: #fa0 là #ffaa00.

HEX tám chữ số có alpha

Đầu vào: #8997BB80

Kết quả: rgba(137,151,187,0.5)

Dòng rgb() bỏ qua alpha, còn dòng rgba() giữ lại: 80 trong hex là 128 trên 255, hiển thị là 0.5. Dòng HEXA khi đó đọc là #8997bb7f, vì 0.5 đổi ngược lại thành 127 (7f).

Mọi định dạng cùng lúc

Đầu vào: #8997BB

Kết quả:

rgb(137,151,187)
hsl(223,27%,64%)
hsv(223,27%,73%)
rgba(137,151,187,1)
#8997bbff

Một lần chuyển cho bạn RGB, HSL, HSV, RGBA và HEXA tám chữ số, để bạn sao chép định dạng mà ứng dụng cần.

Ứng dụng phổ biến

• Chuyển màu thương hiệu cho công cụ thiết kế dùng RGB.
• Viết màu rgba() có độ trong suốt trong CSS.
• Đặt màu trong code, biểu đồ hoặc tài liệu Office.
• Khớp màu giữa các ứng dụng.
• Nhập màu thương hiệu vào ứng dụng chỉ nhận RGB, như một số phần mềm dựng video và văn phòng.
• Tạo lớp phủ bán trong suốt trong CSS bằng rgba().
• Dùng HSL để tạo sắc độ sáng hơn hoặc tối hơn của cùng một màu.

Mẹo và lưu ý

• HEX ba chữ số như #FFF mở rộng thành #FFFFFF, tức rgb(255, 255, 255).
• Để thêm độ trong suốt, dùng rgba(137, 151, 187, 0.5) cho độ mờ 50%.
• Với mọi định dạng khác (HSL, HSV và hơn nữa), dùng công cụ chuyển đổi màu. Để chuyển ngược, dùng RGB sang HEX.

Trường hợp đặc biệt và giới hạn

• Dấu # là bắt buộc. 8997BB đứng riêng bị từ chối.
• Kết quả không có khoảng trắng sau dấu phẩy. Cả rgb(137,151,187) và rgb(137, 151, 187) đều là CSS hợp lệ.
• Chữ số không hợp lệ (bất cứ gì ngoài 0–9 và A–F) cho ra lỗi chứ không đoán.
• Dạng viết tắt bốn chữ số có alpha (#f008) không được hỗ trợ; hãy mở rộng thành tám chữ số.

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

Làm sao chuyển HEX sang RGB?

Tách mã HEX thành ba cặp và đổi mỗi cặp từ cơ số 16 sang cơ số 10. #FF8000 thành 255, 128, 0.

HEX có giống RGB không?

Chúng mô tả cùng màu; HEX chỉ là cách viết gọn bằng thập lục phân của các giá trị RGB.

#000000 trong RGB là gì?

rgb(0, 0, 0), tức màu đen.

HEX có chứa độ trong suốt được không?

Có, HEX tám chữ số thêm alpha làm cặp cuối, ví dụ #8997BB80.

Giá trị HSL và HSV nghĩa là gì?

Cả hai mô tả sắc độ (góc màu, 0–360), độ bão hòa và độ sáng (HSL) hoặc giá trị/độ chói (HSV). Chỉ thay đổi số cuối sẽ cho phiên bản sáng hơn hoặc tối hơn của cùng màu.

Công cụ liên quan

• RGB sang HEX: Dễ dàng chuyển mã màu RGB sang HEX với công cụ đơn giản này.
• Chuyển đổi mã màu: Chuyển màu của bạn sang nhiều định dạng khác.
• Chọn màu: Cách dễ nhất để chọn màu trên bánh xe màu và lấy kết quả ở mọi định dạng.
• Chuyển đổi hex: Chuyển văn bản sang thập lục phân và ngược lại cho mọi chuỗi đầu vào.
• Nén ảnh: Nén và tối ưu ảnh để có dung lượng nhỏ hơn nhưng vẫn giữ chất lượng cao.