HSL을 HSV로 변환
그래픽 소프트웨어에 쓸 수 있도록 색상, 채도, 명도(HSL)를 색상, 채도, 명도(HSV/HSB)로 변환하세요.
hsl 입력
결과 · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
사용 방법: HSL을 HSV로 변환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HSL과 HSV 비교
HSL과 HSV는 모두 색상환의 각도인 색상으로 시작하고, 나머지를 두 개의 퍼센트로 나타내지만 그 의미는 서로 달라요. HSL에서 명도(Lightness) 50%는 순수한 색이고 100%는 항상 흰색이에요. HSB라고도 부르는 HSV에서 명도(Value) 100%는 그 색상의 가장 밝은 버전이며, 흰색은 명도 100%에 채도 0%예요. 채도도 계산 방식이 달라서 숫자를 그대로 옮겨 쓸 수 없어요.
그래서 CSS에서 hsl(120, 100%, 25%)로 쓰는 색(CSS 색상 Green)은 HSV 색상 선택기에 hsv(120, 100%, 50%)로 입력해야 해요. 웹 코드의 색을 HSV로 작동하는 Photoshop, Figma, Blender, 이미지 처리 코드로 옮길 때 이 변환기를 사용하세요. 색상은 그대로이고 채도와 세 번째 값만 바뀌어요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.