HEX 轉 HSL
精確地將十六進位顏色代碼轉換為 HSL 值，非常適合顏色處理和設計系統
Color Converter
Color Result
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%)
Conversion Examples
Red
HEX: #FF0000
HSL: 0°, 100%, 50%
Green
HEX: #00FF00
HSL: 120°, 100%, 50%
Blue
HEX: #0000FF
HSL: 240°, 100%, 50%
Yellow
HEX: #FFFF00
HSL: 60°, 100%, 50%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Cyan
HEX: #00FFFF
HSL: 180°, 100%, 50%
Recommended Tools
HSL to HEX
Convert HSL color values back to HEX color codes for web development
HSL to RGB Converter
Transform HSL color values to RGB color codes for digital design
Color Harmony Generator
Create complementary color schemes using HSL color theory
HSL Color Manipulator
Adjust hue, saturation, and lightness to create color variations
About This Tool
Our HEX to HSL converter transforms hexadecimal color codes into the HSL (Hue, Saturation, Lightness) color model, which is particularly useful for color manipulation and creating consistent color schemes.
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%).
This conversion is especially valuable for web developers and designers working with CSS, as HSL allows for intuitive color adjustments. Modifying a single component (hue, saturation, or lightness) produces predictable results, making it easier to create color variations and harmonies.
The conversion process first transforms HEX to RGB, then converts RGB to HSL using industry-standard algorithms that accurately preserve color integrity between different color models.