무료 변환기

HSL에서 HEX 변환기

HSL 색상 값을 즉시 HEX 색상 코드로 변환하세요. 무료 실시간 색상 변환기입니다.

색조
채도 (%)
가벼움 (%)

16진수 출력

#368CE2
R:54
G:140
B:226

복사 형식

#HEX 형식#368CE2
hsl() 형식hsl(210°, 75%, 55%)
rgb() 형식rgb(54, 140, 226)

이 도구에 대하여

HSL(색조, 채도, 밝기) 색상 값을 16진수 코드로 변환합니다. HSL은 색조가 색상 각도(0~360°), 채도가 색상 강도(0~100%), 밝기가 색상의 밝거나 어두운 정도(0~100%)를 제어하는 ​​직관적인 색상 모델입니다. HSL로 작업하고 CSS용 16진수 코드가 필요한 디자이너에게 유용합니다.

사용 방법

  1. 색조 값(색상환의 0~360도)을 입력합니다.
  2. 채도(0~100%) 및 밝기(0~100%)를 설정합니다.
  3. 16진수 코드가 실시간으로 계산되어 표시됩니다.
  4. CSS 또는 디자인 도구에서 사용할 수 있도록 16진수 코드를 복사하세요.

자주 묻는 질문

16진수나 RGB 대신 HSL을 사용하는 이유는 무엇입니까?
HSL은 인간에게 더 직관적입니다. 더 어두운 그늘을 원하시나요? 밝기를 줄입니다. 음소거 버전을 원하시나요? 채도를 줄입니다. 세 채널을 모두 조정해야 하는 16진수 또는 RGB에서는 이러한 관계가 명확하지 않습니다.
0 대 360의 색조는 무엇을 의미합니까?
0°와 360°는 모두 빨간색입니다. 색조 휠이 둘러싸입니다. 주요 색상: 0° = 빨간색, 60° = 노란색, 120° = 녹색, 180° = 청록색, 240° = 파란색, 300° = 자홍색.
채도가 0%와 100%에서는 어떻게 되나요?
채도가 0%이면 모든 색상은 회색 음영이 됩니다(밝기만으로 결정됨). 채도가 100%이면 해당 색상의 가장 순수하고 생생한 버전을 얻을 수 있습니다.
가벼움은 어떻게 작동합니까?
밝기 0%는 색상/채도에 관계없이 항상 검은색입니다. 100%는 항상 흰색입니다. 50%는 순수하고 가장 생생한 색상 버전을 제공합니다. 0~50% 사이의 값은 더 어두운 색조이고, 50~100%는 더 밝은 색조입니다.