Chuyển đổi RGB sang Hex

Cách chuyển đổi RGB sang Hex?

Chuyển đổi RGB sang Hex biến đổi giá trị RGB thập phân (0-255) thành ký hiệu thập lục phân được sử dụng trong thiết kế web. Mỗi thành phần RGB được chuyển đổi thành số thập lục phân hai chữ số (00-FF), sau đó được nối lại để tạo mã hex sáu ký tự.

Ví dụ: RGB(255, 87, 51) chuyển đổi thành #FF5733:
- Đỏ: 255 = FF
- Xanh lá: 87 = 57
- Xanh dương: 51 = 33

Tại sao chuyển đổi RGB sang Hex?

Mã màu thập lục phân là định dạng tiêu chuẩn cho phát triển web. Mặc dù CSS hỗ trợ ký hiệu RGB, mã hex gọn hơn, được công nhận rộng rãi hơn, và dễ sao chép và chia sẻ hơn. Hầu hết các công cụ thiết kế và bộ chọn màu cung cấp mã hex, làm cho chúng trở thành tiêu chuẩn thực tế cho màu web.

Chuyển đổi RGB sang Hex hoạt động như thế nào?

Mỗi thành phần RGB (0-255 trong thập phân) được chuyển đổi sang cơ số 16 (thập lục phân). Việc chuyển đổi chia số cho 16: thương số trở thành chữ số đầu tiên, và số dư trở thành chữ số thứ hai. Ví dụ, 255 ÷ 16 = 15 dư 15, trong hex là FF (trong đó F đại diện cho 15).

Tôi có thể sử dụng RGB thay vì Hex trong CSS không?

Có, CSS hiện đại hoàn toàn hỗ trợ ký hiệu RGB (ví dụ: rgb(255, 0, 0)) và RGBA cho độ trong suốt (ví dụ: rgba(255, 0, 0, 0.5)). Tuy nhiên, mã hex ngắn gọn hơn và truyền thống hơn. Mã hex với kênh alpha (#RRGGBBAA) cũng được hỗ trợ trong các trình duyệt hiện đại, mặc dù ít được sử dụng hơn rgba().

Sự khác biệt giữa màu RGB và Hex là gì?

RGB và Hex biểu diễn cùng một màu trong các định dạng khác nhau. RGB sử dụng ba số thập phân (0-255) cho đỏ, xanh lá và xanh dương. Hex sử dụng sáu chữ số thập lục phân (00-FF) biểu diễn cùng các giá trị. Chúng có thể thay thế cho nhau - RGB(255, 0, 0) bằng #FF0000. Sự lựa chọn giữa chúng thường là về sở thích và bối cảnh.

Bảng chuyển đổi RGB sang Hex phổ biến