HSL을 RGB로 바꾸는 색상 변환기
HSL(색조, 채도, 명도) 색상 값을 RGB로 즉시 변환합니다.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 색조(0–360°), 채도(0–100%), 명도(0–100%)를 입력하세요.
- 도구가 해당하는 빨강, 초록, 파랑 값(0–255)을 출력합니다.
- rgb() 문자열을 CSS에 복사하거나 개별 R, G, B 숫자를 읽어보세요.
HSL(색조, 채도, 명도) 값을 이미지, Canvas 등 RGB가 필요한 모든 곳에서 쓸 수 있도록 RGB로 다시 변환합니다.
공식
Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.
If s = 0, then R = G = B = round(l × 255) (achromatic).
Otherwise compute chroma anchors:q = l < 0.5 ? l(1+s) : l + s − l×sp = 2l − q
Then use the piecewise hue-to-RGB helper for each channel:R = hue2rgb(p, q, h + 1/3)G = hue2rgb(p, q, h)B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.
자주 묻는 질문
- HSL을 RGB로 변환하는 원리는 무엇인가요?
- 알고리즘은 채도와 명도를 중간값으로 변환한 뒤, 구간별 함수를 사용해 색조 각도를 각각의 R, G, B 채널에 매핑합니다.
- hsl(120, 100%, 50%)은 어떤 색인가요?
- 그것은 순수한 초록색입니다: rgb(0, 255, 0).