Bộ chuyển đổi HEX ↔ RGB ↔ HSL

Chuyển đổi màu sắc giữa HEX, RGB và HSL ngay lập tức bằng mẫu màu trực tiếp. Chỉnh sửa bất kỳ trường nào - những trường khác vẫn được đồng bộ hóa.

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

Chuyển đổi màu sắc giữa HEX, RGB và HSL ngay lập tức bằng mẫu màu trực tiếp.
Chạy trong trình duyệt của bạn
Miễn phí sử dụng

Cách sử dụng

Nhập giá trị HEX, RGB hoặc HSL.
Xem các định dạng khác được cập nhật tự động.
Sao chép định dạng bạn cần.

How this tool works

Nhập giá trị HEX, RGB hoặc HSL.
Xem các định dạng khác được cập nhật tự động.
Sao chép định dạng bạn cần.

Recommended settings

Trước tiên hãy sử dụng các tùy chọn mặc định, sau đó điều chỉnh nếu cần

Supported formats

Text / on-page input

File size and limits

Bản xem trước nhiều lớp rất phức tạp có thể có cảm giác chậm hơn trên điện thoại cũ.

Privacy

Trình tạo màu & CSS chạy hoàn toàn trong trình duyệt của bạn. Bản xem trước và chuyển đổi không bao giờ tải lên kiểu của bạn.

Common use cases

Sử dụng Bộ chuyển đổi HEX ↔ RGB ↔ HSL bất cứ khi nào bạn cần: Chuyển đổi màu giữa HEX, RGB và HSL ngay lập tức bằng mẫu màu trực tiếp.

Troubleshooting

Xem trước trông khác sau khi dán

Kiểm tra CSS cạnh tranh trên trang của bạn (đặt lại, màu kế thừa). Trước tiên hãy sao chép quy tắc đã tạo vào biểu định kiểu riêng biệt.

Câu hỏi thường gặp

Điều này có tải lên CSS của tôi không?

Không. Trình tạo và bộ chuyển đổi chạy trong trình duyệt của bạn với bản xem trước trực tiếp.

Tôi có cần một tài khoản không?

Không. Mở công cụ, điều chỉnh các điều khiển và sao chép CSS.