Công cụ chuyển đổi Hex sang RGB

Đổi mã màu hex thành các giá trị màu đỏ, xanh lá và xanh dương.

Khi nhận mã #FF5733 từ bản thiết kế nhưng mã nguồn lại cần định dạng rgb(255, 87, 51), bạn chỉ đang xử lý cùng một sắc thái cam đỏ qua hai cách biểu diễn khác nhau.

Cơ chế tính toán của công cụ Hex sang RGB

Một chuỗi hex gồm ba cặp ký tự đứng sau dấu #, tương ứng với đỏ, xanh lá rồi đến xanh dương. Mỗi cặp ký tự thể hiện giá trị từ 00 đến FF, tương đương khoảng từ 0 đến 255. Xét ví dụ #FF5733: cặp FF ứng với 255, 57 ứng với 87, và 33 ứng với 51, tạo thành sắc cam đỏ ấm áp.

Ba kênh màu này độc lập hoàn toàn với nhau. Các giá trị tiến sát FF cho thấy kênh đó đạt mức cao, trong khi giá trị gần 00 biểu thị mức độ đóng góp gần như triệt tiêu.

Bảng quy đổi mẫu trên Hex sang RGB

Mã HexĐỏXanh láXanh dươngTên màu
#FF57332558751Orange-red
#2E86AB46134171Teal blue
#FFFFFF255255255White
#000000000Black
#00FF0002550Pure green

Thao tác chuyển đổi mã màu Hex sang RGB

  1. Dán mã màu hex cần xử lý vào ô nhập liệu, có thể kèm hoặc không kèm ký tự #.
  2. Nhấn nút xác nhận để hệ thống nhận dữ liệu và tiến hành tách các cặp kênh màu.
  3. Kiểm tra kết quả ba kênh màu độc lập gồm đỏ, xanh lá và xanh dương hiển thị trên màn hình.
  4. Nếu chuỗi nhập vào là mã hex 8 ký tự có kênh alpha, hai ký tự cuối biểu thị độ mờ đục riêng biệt.

Dạng viết tắt 3 ký tự trong Hex sang RGB

Tiêu chuẩn CSS hỗ trợ định dạng rút gọn 3 ký tự như #FFF. Mỗi ký tự đơn sẽ tự động nhân đôi thành dạng 6 ký tự hoàn chỉnh, biến #FFF thành #FFFFFF chứ không phải #FF0FF0.

Cơ chế rút gọn này chỉ áp dụng khi cả hai ký tự trong từng cặp giống hệt nhau. Đó là lý do #FF5733 không có dạng viết gọn, trong khi #0F0 mở rộng chuẩn xác thành #00FF00.

Câu hỏi thường gặp về Hex sang RGB

Ba cặp ký tự trong mã hex thể hiện điều gì?

Hai ký tự đầu là kênh đỏ, hai ký tự giữa là kênh xanh lá, và hai ký tự cuối là kênh xanh dương. Mỗi cặp chạy từ 00 đến FF, ứng với dải giá trị từ 0 đến 255.

Mã hex dạng viết gọn 3 ký tự mở rộng như thế nào?

Từng ký tự được nhân đôi thành cặp: #FFF trở thành #FFFFFF và #0A3 chuyển thành #00AA33 khi cả hai chữ số ở mỗi vị trí trùng khớp.

Mã chữ thường #ff5733 có khác #FF5733 chữ hoa không?

Cả hai hoàn toàn tương đương. Định dạng hex không phân biệt chữ hoa hay chữ thường, các ký tự này đều trỏ về cùng một giá trị màu sắc.

Màu trắng tuyệt đối và đen tuyệt đối có giá trị RGB là bao nhiêu?

Màu trắng tương ứng với rgb(255, 255, 255) khi toàn bộ các kênh đạt đỉnh. Màu đen tương ứng với rgb(0, 0, 0) khi mọi kênh đều về mức 0.

Hệ thống có chấp nhận mã hex 8 ký tự chứa độ trong suốt không?

Có, sáu ký tự đầu tiên vẫn quy đổi ra các kênh màu thông thường, còn hai ký tự bổ sung ở cuối đại diện cho kênh alpha chỉ độ mờ đục.

Cookie
Chúng tôi quan tâm đến dữ liệu của bạn và muốn sử dụng cookie để cải thiện trải nghiệm của bạn.