Mã HEX gom ba số 8-bit thành sáu chữ số thập lục phân. Chuyển HEX sang RGB nghĩa là tách những chữ số đó thành từng cặp và đọc mỗi cặp như số thập phân từ 0 đến 255 — chính xác những giá trị mà CSS, Figma và trình chỉnh sửa ảnh mong đợi.
Cách chuyển HEX sang RGB hoạt động
- Bỏ dấu # ở đầu và, nếu mã chỉ có ba chữ số, nhân đôi mỗi chữ số: #f53 trở thành #ff5533.
- Tách sáu chữ số thành ba cặp — RR, GG và BB.
- Đọc mỗi cặp như số cơ số 16 và chuyển sang cơ số 10: FF thành 255, 57 thành 87, 33 thành 51.
- Ghi ba kết quả dưới dạng rgb(R, G, B).
Ví dụ minh hoạ
Việc chuyển này là chính xác. HEX và RGB mô tả cùng các giá trị sRGB bằng hai ký hiệu khác nhau, nên không có gì bị làm tròn hay mất mát ở cả hai chiều.
HEX và RGB giải thích
HEX là gì?
Mã HEX là một số thập lục phân sáu chữ số lưu trữ kênh đỏ, xanh lá và xanh dương của một màu sau dấu # đứng trước. Mỗi cặp ký tự tương ứng một kênh, từ 00 (không) đến FF (đầy), cho cùng ~16.7 triệu màu như RGB nhưng ngắn gọn hơn. HEX là mặc định trong CSS, công cụ thiết kế và hướng dẫn thương hiệu.
- Cú pháp:
- #RRGGBB
- Phạm vi:
- 00–FF mỗi kênh
- Phù hợp cho:
- CSS, bàn giao thiết kế, hướng dẫn thương hiệu
RGB là gì?
RGB mô tả màu bằng ba kênh ánh sáng — đỏ, xanh lá và xanh dương — mỗi kênh từ 0 đến 255. Nó phản ánh cách màn hình hoạt động: cả ba cùng 255 cho màu trắng, cả ba 0 cho màu đen. RGB là lựa chọn đúng khi bạn cần tính toán với màu, và rgba() bổ sung độ trong suốt.
- Cú pháp:
- rgb(R, G, B)
- Phạm vi:
- 0–255 mỗi kênh
- Phù hợp cho:
- code, canvas, độ trong suốt với rgba()
Bảng tham chiếu HEX sang RGB
Các màu CSS phổ biến nhất, đã chuyển từ HEX sang RGB.
| Màu | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |