RGB to HSL 색상 변환기
RGB 색상 값을 HSL(색상, 채도, 명도)로 즉시 변환하세요. 무료, 회원가입 불필요.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 빨강, 초록, 파랑 값을 입력하세요(각각 0–255).
- 도구가 색상(0–360°), 채도(0–100%), 명도(0–100%)를 계산합니다.
- 결과의 hsl() 값을 CSS에 바로 사용하세요.
RGB 색상 값을 CSS와 디자인 도구에서 사용하는 HSL(Hue, Saturation, Lightness) 색상 모델로 변환하세요.
공식
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
자주 묻는 질문
- HSL이란 무엇인가요?
- HSL은 Hue(색상), Saturation(채도), Lightness(명도)를 뜻합니다. 원통형 모델로 색상을 표현하여, 밝기와 채도를 조정할 때 RGB보다 더 직관적입니다.
- 색상(Hue)의 범위는 어떻게 되나요?
- 색상은 0에서 360도까지 측정되며, 0/360은 빨강, 120은 초록, 240은 파랑입니다.