HEX sang HSL
Chuyển đổi mã màu HEX sang giá trị HSL một cách chính xác, lý tưởng cho việc thao tác màu sắc và hệ thống thiết kế
Bộ chuyển đổi màu
Kết quả màu sắc
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Ví dụ chuyển đổi
Màu đỏ
HEX: #FF0000
HSL: 0°, 100%, 50%
Màu xanh lá
HEX: #00FF00
HSL: 120°, 100%, 50%
Màu xanh da trời
HEX: #0000FF
HSL: 240°, 100%, 50%
Màu vàng
HEX: #FFFF00
HSL: 60°, 100%, 50%
Màu đỏ tươi
HEX: #FF00FF
HSL: 300°, 100%, 50%
Màu lục lam
HEX: #00FFFF
HSL: 180°, 100%, 50%
Công cụ được đề xuất
HSL to HEX
Chuyển đổi giá trị màu HSL trở lại mã màu HEX để phát triển web
HSL to RGB Converter
Chuyển đổi giá trị màu HSL sang mã màu RGB cho thiết kế kỹ thuật số
Máy tạo màu sắc hài hòa
Tạo các bảng màu bổ sung bằng cách sử dụng lý thuyết màu HSL
HSL Color Manipulator
Điều chỉnh sắc độ, độ bão hòa và độ sáng để tạo ra các biến thể màu sắc
Giới thiệu về công cụ này
Bộ chuyển đổi HEX sang HSL của chúng tôi chuyển đổi mã màu thập lục phân thành mô hình màu HSL (Sắc thái, Độ bão hòa, Độ sáng), đặc biệt hữu ích cho việc thao tác màu sắc và tạo ra các bảng màu nhất quán.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Việc chuyển đổi này đặc biệt hữu ích cho các nhà phát triển và thiết kế web làm việc với CSS, vì HSL cho phép điều chỉnh màu sắc trực quan. Việc điều chỉnh một thành phần duy nhất (sắc thái, độ bão hòa hoặc độ sáng) sẽ tạo ra kết quả có thể dự đoán được, giúp việc tạo ra các biến thể màu sắc và sự hài hòa dễ dàng hơn.
Quá trình chuyển đổi đầu tiên chuyển đổi HEX sang RGB, sau đó chuyển đổi RGB sang HSL bằng các thuật toán tiêu chuẩn công nghiệp giúp bảo toàn chính xác tính toàn vẹn màu sắc giữa các mô hình màu khác nhau.