HEX → HSL 변환기

HEX 값을 입력하면 HSL 값이 바로 나옵니다. 계산은 브라우저 안에서 끝나며 입력값을 서버로 보내지 않습니다.

변환 결과

나머지 포맷

색상 선택기에서 열기

HOW

계산 방법

HEX를 먼저 RGB로 바꾼 뒤 색상(0~360°)·채도(%)·명도(%)로 변환합니다. 가장 큰 채널과 가장 작은 채널의 차이가 채도를, 두 값의 평균이 명도를 결정합니다.

EXAMPLES

HEX → HSL 변환 예시

Color	HEX	HSL
Red	`#FF0000`	`hsl(0, 100%, 50%)`
Tomato	`#FF6347`	`hsl(9, 100%, 64%)`
Orange	`#FFA500`	`hsl(39, 100%, 50%)`
Gold	`#FFD700`	`hsl(51, 100%, 50%)`
Limegreen	`#32CD32`	`hsl(120, 61%, 50%)`
Teal	`#008080`	`hsl(180, 100%, 25%)`
Dodgerblue	`#1E90FF`	`hsl(210, 100%, 56%)`
Royalblue	`#4169E1`	`hsl(225, 73%, 57%)`
Blueviolet	`#8A2BE2`	`hsl(271, 76%, 53%)`
Hotpink	`#FF69B4`	`hsl(330, 100%, 71%)`

MORE

다른 변환기

HEX → RGBHEX → RGB 변환기 RGB → HEXRGB → HEX 변환기 HSL → HEXHSL → HEX 변환기 RGB → HSLRGB → HSL 변환기 HEX → CMYKHEX → CMYK 변환기 RGB → CMYKRGB → CMYK 변환기 HEX → OKLCHHEX → OKLCH 변환기 OKLCH → HEXOKLCH → HEX 변환기 RGB → OKLCHRGB → OKLCH 변환기