헥스를 HSV로 바꾸는 색상 변환기
CSS 헥스 색상을 디자인과 이미지 소프트웨어에서 쓰이는 HSV(색조, 채도, 명도/밝기)로 변환합니다.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 헥스 색상 코드를 입력하세요.
- 색조(0–360°), 채도(0–100%), 명도/밝기(0–100%)를 확인하세요.
- HSV는 HSB와 같습니다; 'V'와 'B' 모두 밝기를 뜻합니다.
헥스 색상을 HSV(HSB — 색조, 채도, 밝기라고도 함)로 변환합니다. 포토샵과 여러 디자인 앱의 색상 선택기에서 사용하는 모델입니다.
공식
Parse hex to normalized r, g, b (0–1). Then:max = max(r, g, b), min = min(r, g, b), d = max − min
V = max (value/brightness)S = d / max (or 0 if max = 0)
Hue sector (same as HSL):
• R max: H = ((g−b)/d + 6) mod 6
• G max: H = (b−r)/d + 2
• B max: H = (r−g)/d + 4
Then H = H/6 × 360°
자주 묻는 질문
- HSL과 HSV의 차이는 무엇인가요?
- HSV에서는 명도=100%, 채도=0%이면 흰색이 됩니다. HSL에서는 채도와 상관없이 명도=100%이면 항상 흰색이 됩니다. HSV는 디자인 소프트웨어의 색상 선택기에서 더 흔히 쓰입니다.
- HSV는 HSB와 같은가요?
- 네. HSV(색조, 채도, 명도)와 HSB(색조, 채도, 밝기)는 이름만 다를 뿐 동일한 모델입니다.