Chuyển màu
Chuyển màu giữa HEX, RGB và HSL. Gõ hoặc dán bên dưới — cả ba định dạng cập nhật khi bạn gõ.
Nhập
Đầu ra
Riêng tư theo thiết kế
Việc chuyển đổi chạy hoàn toàn trên trình duyệt. Văn bản của bạn không được gửi lên máy chủ.
Mẹo
Chấp nhận #RGB, #RRGGBB, rgb()/rgba(), bộ ba r,g,b rút gọn, và hsl()/hsla(). Alpha bị bỏ qua.
Cách chuyển với Chuyển màu
Dán một màu HEX, RGB hoặc HSL.
HEX, RGB và HSL hiện cùng lúc khi bạn gõ — không tải dữ liệu lên.
Sao chép định dạng bạn cần, hoặc dùng kết quả làm input tiếp theo.
Mở Chọn màu hoặc Tạo gradient cho công cụ trực quan.
Khi nào nên dùng?
CSS
Dán hex từ mockup rồi sao chép rgb() hoặc hsl() cho stylesheet.
Thiết kế
Khớp màu thương hiệu giữa HEX, RGB và HSL mà không cần picker.
Khứ hồi
Mọi input được hỗ trợ đều cho cả ba định dạng cùng lúc.
Ở lại đây
Chuyển đổi chạy trên tab này. Không tải lên máy chủ.
Màu của bạn được giữ riêng tư.
Chuyển màu chạy hoàn toàn trên trình duyệt. Giá trị không rời tab này.
Về chuyển HEX, RGB và HSL trên trình duyệt
Chuyển màu nhận #RGB, #RRGGBB, rgb()/rgba(), bộ ba r,g,b rút gọn và hsl()/hsla(), rồi hiện HEX, RGB và HSL cùng lúc khi bạn gõ. Alpha bị bỏ qua. Đây là bộ chuyển giá trị, không phải Chọn màu (ô màu) và không phải Tạo gradient (CSS linear-gradient).
Ví dụ: #FF5733 thành rgb(255, 87, 51) và bộ ba HSL với hue gần 14°. Khứ hồi HEX → RGB → HEX nên khớp màu sáu chữ số điển hình.
Giới hạn: tên màu CSS (rebeccapurple) ngoài phạm vi; gam rộng và OKLCH không được mô hình. Liên quan: Chọn màu, Tạo gradient, Tạo viền CSS. Không tải dữ liệu lên.
Công cụ màu liên quan
Chọn màu
Chọn màu và sao chép HEX, RGB, HSL.
Tạo gradient
Tạo CSS linear-gradient với xem trước trực tiếp.
Định dạng CSS
In đẹp hoặc nén CSS trên trình duyệt.
Mã hóa / giải mã Hex
Chuyển văn bản sang hex, hoặc hex về UTF-8.
Chuyển cơ số
Chuyển số giữa nhị phân, bát phân, thập phân và hex. Kết quả cập nhật khi bạn gõ.
Ví dụ Chuyển màu
HEX
RGB
HSL
So sánh định dạng
| Định dạng | Ví dụ | Dùng khi |
|---|---|---|
| HEX | #FF5733 | CSS, token thiết kế và dump hex |
| RGB | rgb(255, 87, 51) | Canvas, CSS và props component |
| HSL | hsl(11, 100%, 60%) | Chỉnh hue, bão hòa và độ sáng trong CSS |
Hỏi đáp Chuyển màu
HEX (#RGB hoặc #RRGGBB), chuỗi RGB/RGBA, bộ ba RGB rút gọn, và chuỗi HSL/HSLA. HEX, RGB và HSL cập nhật khi bạn gõ.
Không. Dán bất kỳ màu được hỗ trợ và Toolora trả về HEX, RGB và HSL cùng lúc. Không tải lên máy chủ.