HEX에서 HSL로

색상 조작 및 디자인 시스템에 적합한 HEX 색상 코드를 정밀하게 HSL 값으로 변환합니다.

색상 변환기

색상 결과

HSL Values

색조 0°

0° = Red, 120° = Green, 240° = Blue

포화 0%

0% = Gray, 100% = Full color

가벼움 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

변환 예제

빨간색

HEX: #FF0000

HSL: 0°, 100%, 50%

녹색

HEX: #00FF00

HSL: 120°, 100%, 50%

파란색

HEX: #0000FF

HSL: 240°, 100%, 50%

노란색

HEX: #FFFF00

HSL: 60°, 100%, 50%

마젠타

HEX: #FF00FF

HSL: 300°, 100%, 50%

시안색

HEX: #00FFFF

HSL: 180°, 100%, 50%

권장 도구

HSL to HEX

웹 개발을 위해 HSL 색상 값을 HEX 색상 코드로 다시 변환

HSL to RGB Converter

디지털 디자인을 위해 HSL 색상 값을 RGB 색상 코드로 변환

컬러 하모니 생성기

HSL 색채 이론을 사용하여 보색 구성표 만들기

HSL Color Manipulator

색상 변형을 만들려면 색조, 채도, 명도를 조정하세요.

이 도구에 관하여

HEX-HSL 변환기는 16진수 색상 코드를 HSL(색조, 채도, 명도) 색상 모델로 변환합니다. 이 색상 모델는 색상 조작과 일관된 색상 구성표를 만드는 데 특히 유용합니다.

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%).

이 변환은 CSS를 사용하는 웹 개발자와 디자이너에게 특히 유용합니다. HSL은 직관적인 색상 조정을 가능하게 하기 때문입니다. 색조, 채도, 명도 등 단일 구성 요소를 수정하면 예측 가능한 결과가 생성되어 색상 변형과 조화를 더 쉽게 만들 수 있습니다.

변환 프로세스에서는 먼저 HEX를 RGB로 변환한 다음, 서로 다른 색상 모델 간의 색상 무결성을 정확하게 유지하는 산업 표준 알고리즘을 사용하여 RGB를 HSL로 변환합니다.