Chuyển RGB sang HEX
Biến giá trị RGB thành mã màu hex.
Chạy ngay trên trình duyệt. Không có gì bạn nhập vào bị gửi đi đâu cả.
- Dán rgb() hoặc rgba()
- Hex 8 chữ số kèm alpha
- Cập nhật ngay khi gõ
Cách chuyển RGB sang HEX
- Dán một giá trị rgb() hoặc rgba(), hoặc gõ từng kênh màu.
- Đặt alpha dưới 1 để nhận thêm mã hex 8 chữ số.
- Sao chép mã hex.
Ví dụ chuyển RGB sang hex
| RGB | Hex | Ghi chú |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Chuyển đổi chuẩn |
| rgb(0, 0, 0) | #000000 | Màu đen |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alpha thêm 2 chữ số |
| 255, 136, 0 | #FF8800 | Số thuần cũng dùng được |
Alpha trở thành chữ số hex như thế nào
Nhân alpha với 255, làm tròn đến số nguyên gần nhất, rồi viết thành hai chữ số hex ở cuối mã.
| Alpha | Hậu tố hex |
|---|---|
| 1 (đặc màu) | không cần |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (vô hình) | 00 |
Hex 8 chữ số hoạt động ở đâu
- CSS chấp nhận #RRGGBBAA trên mọi trình duyệt hiện nay: Chrome, Firefox, Safari và Edge.
- Thuộc tính fill và stroke của SVG cũng chấp nhận hex 8 chữ số trên các trình duyệt hiện đại.
- Một số phần mềm chỉnh ảnh và công cụ thiết kế cũ chỉ đọc được hex 6 chữ số và bỏ qua hoặc từ chối cặp alpha, nên hãy giữ thêm một bản hex 6 chữ số đặc màu cho những trường hợp đó.
Câu hỏi thường gặp về RGB sang HEX
Làm sao để tự tay chuyển RGB sang HEX?
Viết mỗi kênh màu thành số hệ 16 có hai chữ số rồi ghép lại. rgb(255, 136, 0) trở thành FF, 88 và 00, vậy là #FF8800.
Độ mờ được viết trong hex như thế nào?
Nhân alpha với 255, làm tròn, rồi viết thành hai chữ số hex ở cuối. Alpha 0,5 trở thành 80, nên rgba(255, 136, 0, 0.5) là #FF880080.
Tôi có thể dán những định dạng nào?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), dạng mới hơn rgb(255 136 0 / 50%) và số thuần như 255, 136, 0. Mã hex cũng dùng được.
#ff8800 có khác #FF8800 không?
Không, chữ hoa hay thường không quan trọng với mã màu hex. Tích chọn Chữ hoa nếu style guide của bạn thích viết hoa.
Tôi có thể gõ tên màu như orange thay vì số không?
Không. Công cụ này chỉ đọc giá trị số ở dạng rgb(), rgba() và hex, vì khớp với 148 tên màu có sẵn của CSS sẽ cần một bảng tra riêng.
Vì sao mã hex của tôi đổi khác một chút sau khi gõ phần trăm?
Các kênh dạng phần trăm như rgb(94% 53% 0%) được quy đổi về mức gần nhất trong 256 mức mỗi kênh, nên việc làm tròn có thể lệch kết quả 1 đơn vị ở vài kênh.
Kênh alpha có được làm tròn giống nhau trên mọi trình duyệt không?
Có. Phép tính ở đây, nhân với 255 rồi làm tròn thành số nguyên, là chuẩn chung và cho ra 2 chữ số hex giống nhau ở mọi trình duyệt, vì trang này tự thực hiện phép quy đổi thay vì dựa vào API trình duyệt vốn có thể khác nhau.
Tôi có thể chuyển một màu có alpha dạng phần trăm, như 50%, không?
Được. rgba(255, 136, 0, 50%) và dạng mới hơn rgb(255 136 0 / 50%) đều hoạt động, bên cạnh cú pháp thập phân cũ từ 0 đến 1 cho alpha.