HEX를 HSL로 변환
HEX 색상 코드를 색상, 채도, 명도로 변환해 더 밝고 어두운 색 단계를 쉽게 만들어 보세요.
파일이 기기 밖으로 나가지 않습니다100% 무료
#FF3D72
hex 입력
결과 · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
사용 방법: HEX를 HSL로 변환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HEX와 HSL 색상
HEX는 CSS와 디자인 도구에서 색을 쓰는 방식이에요. # 뒤에 빨강, 초록, 파랑을 나타내는 16진수 두 자리씩 세 쌍이 붙어요. HSL은 같은 색을 사람이 생각하는 방식으로 나타내요. 색상은 색상환의 0~360° 각도로, 채도와 명도는 퍼센트로 표시해요.
한 색의 여러 변형이 필요할 때 HSL로 변환하면 편리해요. 색상은 그대로 두고 명도를 바꾸면 마우스 오버 상태, 배경, 테두리에 쓸 더 밝고 어두운 색 단계를 얻을 수 있어요. 브라우저는 hsl(342, 100%, 62%)처럼 두 표기법을 모두 이해해요. #이 있든 없든 세 자리 또는 여섯 자리 코드를 붙여 넣고 hsl() 결과를 복사하세요. RGB, HSV, CMYK도 함께 표시돼요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.