HSL에서 HEX로

HSL 색상 값을 웹 디자인 및 디지털 애플리케이션에 적합한 정밀한 HEX 색상 코드로 변환합니다.

색상 변환기

HEX Output

HEX Value

RGB Value

rgb(255, 0, 0)

HSL Value

hsl(0°, 100%, 50%)

색상 세부 정보

색상 유형

빨간색

명도

높은

CSS 호환성

전체 지원

웹 안전

예

변환 예제

빨간색

HSL: 0°, 100%, 50%

HEX: #FF0000

녹색

HSL: 120°, 100%, 50%

HEX: #00FF00

파란색

HSL: 240°, 100%, 50%

HEX: #0000FF

노란색

HSL: 60°, 100%, 50%

HEX: #FFFF00

마젠타

HSL: 300°, 100%, 50%

HEX: #FF00FF

시안색

HSL: 180°, 100%, 50%

HEX: #00FFFF

권장 도구

HEX to HSL Converter

더 쉬운 조작을 위해 HEX 색상 코드를 HSL 값으로 다시 변환합니다.

RGB to HEX Converter

웹 개발을 위해 RGB 색상 값을 HEX 형식으로 변환

색상 팔레트 생성기

기본 HEX 색상에서 조화로운 색상 구성표를 만듭니다.

색상 음영 생성기

모든 HEX 색상의 색조, 음영 및 톤을 생성합니다.

이 도구에 관하여

HSL-HEX 변환기는 디지털 디자인과 웹 개발에 사용되는 두 가지 인기 있는 색상 형식 간의 정확한 변환을 제공합니다.

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.

HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.

이 변환 도구는 두 형식을 연결하여 디자이너가 웹사이트 및 디지털 애플리케이션 구현에 필요한 HEX 코드를 생성하는 동시에 더욱 직관적인 HSL 모델로 작업할 수 있도록 지원합니다. 변환은 수학적으로 정확하여 두 형식 모두에서 정확한 색상 표현을 보장합니다.