RGB sang HEX

Biến giá trị RGB thành mã HEX

Nhiều ứng dụng hiển thị màu bằng số RGB: giá trị đỏ, xanh lá và xanh dương từ 0 đến 255. Nhưng code web, bộ nhận diện thương hiệu và hầu hết bản bàn giao thiết kế dùng dạng HEX ngắn hơn. Công cụ chuyển giá trị RGB như rgb(137, 151, 187) thành mã HEX, #8997BB.

Mỗi số RGB thành một cặp thập lục phân hai chữ số: 137 là 89, 151 là 97 và 187 là BB. Ghép chúng sau dấu # là có mã HEX.

Mã HEX dễ sao chép, chia sẻ và dán vào CSS, thuộc tính HTML, Figma, Canva, theme WordPress và mẫu email.

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

1. Nhập giá trị RGB, ví dụ rgb(137, 151, 187).
2. Gửi để chuyển đổi.
3. Sao chép mã HEX.

Ví dụ

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

Đầu vào: rgb(137,151,187)

Kết quả: #8997bb

Kết quả là chữ thường; HEX không phân biệt hoa thường, nên #8997BB là cùng một màu.

Khoảng trắng không sao

Đầu vào: rgb(255, 255, 255)

Kết quả: #ffffff

Màu bán trong suốt

Đầu vào: rgba(137,151,187,0.5)

Kết quả: #c4cbdd

Alpha được trộn với nền trắng để cho ra màu đặc, sáng hơn #8997bb. Để giữ độ trong suốt thật, hãy giữ rgba() hoặc dùng HEX tám chữ số.

Ứng dụng phổ biến

• Chuyển màu chọn trong ứng dụng hiển thị RGB sang HEX dùng cho web.
• Viết bộ nhận diện thương hiệu liệt kê mã HEX.
• Đặt màu theme trong công cụ tạo website và cài đặt CMS.
• Chia sẻ màu chính xác với designer và lập trình viên.
• Sao chép màu từ ứng dụng hiển thị RGB, như công cụ chụp màn hình, vào CSS hoặc file thiết kế.
• Điền bộ nhận diện thương hiệu, vốn thường liệt kê màu dạng HEX.
• Khớp màu từ tài liệu in hoặc văn phòng lên website.

Mẹo và lưu ý

• Mỗi giá trị RGB phải từ 0 đến 255.
• Mã HEX không phân biệt hoa thường: #8997bb và #8997BB là cùng một màu.
• Nếu màu có độ trong suốt, dùng công cụ chuyển đổi màu để có HEX tám chữ số hoặc RGBA.
• Chọn màu trực quan bằng công cụ chọn màu, hoặc chuyển ngược bằng HEX sang RGB.

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

• Giá trị phải bắt đầu bằng rgb hoặc rgba. Chỉ gõ 137, 151, 187 sẽ không được nhận diện.
• Giá trị trên 255, như rgb(300,0,0), bị từ chối.
• Phần trăm như rgb(50%, 50%, 50%) không được hỗ trợ; hãy đổi sang 0–255 trước.
• Cú pháp hiện đại phân cách bằng khoảng trắng, rgb(137 151 187), có thể không được nhận diện; hãy dùng dấu phẩy.

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

Làm sao chuyển RGB sang HEX?

Đổi mỗi giá trị trong ba giá trị (0–255) sang số thập lục phân hai chữ số rồi ghép sau dấu #. Ví dụ 255, 128, 0 thành #FF8000.

Màu trắng trong HEX là gì?

#FFFFFF, tức rgb(255, 255, 255).

Có dùng RGB trực tiếp trong CSS được không?

Được. CSS chấp nhận rgb() và rgba() cũng như HEX, dùng cái nào tùy bạn.

Mã HEX ngắn như #FA0 nghĩa là gì?

Đó là dạng viết tắt, mỗi chữ số được nhân đôi: #FA0 bằng #FFAA00.

Vì sao mã HEX của tôi là chữ thường?

Công cụ viết chữ thường. #8997bb và #8997BB là cùng một màu, nên dùng cái nào trong CSS và công cụ thiết kế cũng được.

Công cụ liên quan

• HEX sang RGB: Dễ dàng chuyển mã màu HEX sang RGB 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.