Chuyển đổi màu HEX RGB HSL

Chuyển đổi giá trị màu CSS giữa các định dạng HEX, RGB và HSL với một bản xem trước trực tiếp và kết quả sẵn sàng sao chép.

Mọi thứ chạy cục bộ trong trình duyệt của bạn.

Giá trị CSS

Chuyển đổi màu pasted thành các giá trị CSS sẵn sàng sao chép cho bảng kiểu, thành phần và token thiết kế.

Thiết kế Handoff

Di chuyển giữa các mẫu HEX, giá trị RGB từ hình ảnh màn hình và điều chỉnh HSL mà không cần mở ứng dụng thiết kế.

Xử lý cục bộ riêng tư

Máy chuyển đổi chỉ sử dụng JavaScript gốc trình duyệt.Không có kết thúc tải hoặc chuyển đổi bên máy chủ liên quan.

Công cụ màu liên quan

Công cụ chọn màu hình ảnh
Chọn giá trị HEX, RGB và HSL từ hình ảnh được tải lên hoặc đã đăng.
Chuyển đổi màu CSS
Chuyển đổi màu HEX, RGB, HSL, HSV và CMYK.
Trình tạo bảng màu từ ảnh
Chọn một màu chính xác từ ảnh cục bộ.
WCAG Color Contrast Checker Đánh giá màu sắc
Kiểm tra tỷ lệ tương phản tiếp cận và các tiêu chuẩn AA/AAA.
HDR đến PNG
Ứng dụng rõ ràng tiếp xúc, gamma, hoặc cảnh-linear-to-sRGB rendering cho các kênh OpenEXR.

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

Giá trị màu của tôi đã được tải lên?

Không. chuyển đổi HEX, RGB và HSL chạy với JavaScript trong trình duyệt của bạn. giá trị màu mà bạn nhập không được gửi đến máy chủ Convertr.

Các định dạng HEX nào được hỗ trợ?

Máy chuyển đổi hỗ trợ màu sắc 3 số và 6 số HEX như #0fa và #00ffaa.

Tôi có thể dán giá trị CSS rgb() và hsl() không?

Bạn có thể dán các giá trị như rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) hoặc 142 71% 45%.

HSL có ích cho gì?

HSL phân biệt hue, độ tròn và ánh sáng, làm cho nó thực tế khi điều chỉnh các gia đình màu sắc, trạng thái hover và token thiết kế.