HEX 轉 HSL 轉換器
將 Hex 顏色轉為 HSL(色相、飽和度、亮度),便於主題化與 CSS 變數。
H (°)
239
S (%)
84
L (%)
67
hsl(239, 84%, 67%) How to use
- Click the color swatch or type a hex code in the input field.
- The H (hue 0–360°), S (saturation 0–100%), and L (lightness 0–100%) values update instantly.
- Click Copy to copy the CSS
hsl()string to your clipboard.
Related color tools
- HEX to RGB Converter — get red, green, blue components
- Tints & Shades Generator — lighter and darker variants
- Analogous Colors Generator — harmonious color schemes
常見問題
- Is this HEX to HSL converter free?
- Yes, completely free with no signup and no usage limits.
- Does my color data leave my device?
- No. All conversion runs in JavaScript inside your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. The tool is mobile-first and works on iPhone Safari and Android Chrome.
Last updated: By jarvisbox