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