Chuyển đổi giá trị màu RGB sang định dạng HSL (Hue, Saturation, Lightness)
Chuyển đổi định dạng
Về công cụ này
Chuyển đổi giá trị màu RGB sang định dạng HSL (Hue, Saturation, Lightness). Chuyển đổi màu RGB và RGBA sang biểu diễn HSL và HSLA trực quan hơn, thuận tiện cho việc điều chỉnh độ sáng, độ bão hòa và tạo biến thể màu CSS.
Tính năng chính
- Hỗ trợ đầu vào RGB và RGBA
- Đầu ra định dạng HSL và HSLA
- Đầu ra giá trị phần trăm và góc
- Xem trước màu thời gian thực với ô màu
- Sao chép nhiều định dạng bằng một cú nhấp
- Chuyển đổi thời gian thực khi nhập
Tình huống sử dụng
- Chuyển đổi màu cho CSS HSL
- Điều chỉnh trực quan độ sáng và độ bão hòa màu
- Tạo biến thể màu và bảng màu từ màu cơ bản
- Chuyển đổi màu công cụ thiết kế sang định dạng tương thích web
- Xây dựng bảng phối màu trợ năng với kiểm soát độ sáng chính xác
rgb
hsl
color
converter
css
design
Câu hỏi thường gặp
Định dạng HSL là gì?
HSL là viết tắt của Hue (Sắc độ), Saturation (Độ bão hòa) và Lightness (Độ sáng). Sắc độ được biểu thị bằng góc (0-360), tương ứng với vị trí trên bánh xe màu. Độ bão hòa và độ sáng được biểu thị bằng phần trăm (0-100%). HSL thường trực quan hơn RGB trong thao tác màu sắc.
Có hỗ trợ kênh trong suốt không?
Có. Khi bạn nhập giá trị RGBA, công cụ sẽ xuất định dạng HSLA bao gồm kênh trong suốt. Giá trị trong suốt được giữ nguyên từ đầu vào.
Độ chính xác chuyển đổi RGB sang HSL thế nào?
Chuyển đổi sử dụng công thức toán học chuyển đổi không gian màu RGB sang HSL tiêu chuẩn. Sắc độ được tính đến độ gần nhất, độ bão hòa và độ sáng đến phần trăm gần nhất. Kết quả chính xác và nhất quán với các công cụ chuyển đổi màu tiêu chuẩn ngành.
Có thể xem trước màu của giá trị đã chuyển đổi không?
Có. Công cụ hiển thị ô màu xem trước thời gian thực, cập nhật ngay khi thay đổi giá trị RGB hoặc HSL. Phản hồi trực quan này giúp bạn xác nhận màu đã chuyển đổi đúng như mong đợi trước khi sử dụng.
Tôi cũng có thể nhập giá trị HSL để lấy RGB không?
Có, công cụ hỗ trợ chuyển đổi hai chiều. Bạn có thể nhập giá trị HSL vào ô nhập liệu, công cụ sẽ chuyển đổi ngược lại sang RGB, đồng thời hiển thị mã HEX tương ứng và xem trước màu.