R,G,B 0-255 입력. hue 0-360, saturation·lightness 0-100%와 hsl() CSS 표시. 예: rgb(255, 0, 0) = hsl(0, 100%, 50%).

예. H,S,L 편집 시 RGB, rgb() CSS, HEX, swatch 동시 갱신. hue 360 wrap; S,L 0-100 clamp.

Hue는 color wheel 각(0 red, 120 green, 240 blue). Saturation은 vividness(0% gray, 100% full). Lightness는 밝기(0% black, 50% pure, 100% white).

gray에서 hue 0인 이유?

gray는 saturation 0%라 hue undefined, converter는 0 보고. saturation 올리기 전 hue 변경은 효과 없음.

HEX to RGB와 같나요?

아니요. HEX to RGB Converter는 #rgb/#rrggbb, CMYK, contrast, token snippet. 이 도구는 RGB ↔ HSL. spec에 HEX·HSL 섞이면 pair 사용.

color가 기기를 벗어나나요?

아니요. 브라우저 전용. 업로드·저장 없음.

변환 도구

RGB to HSL Converter

브라우저에서 RGB(0-255)↔HSL(hue, saturation, lightness) 변환.

rgb(20, 184, 166)hsl(173, 80%, 40%)

RGB

= hsl(173, 80%, 40%)

HSL

시간

에스

엘

= rgb(20, 184, 166)

HEX #14b8a6

RGB to HSL Converter 정보

브라우저에서 RGB(0-255)↔HSL(hue, saturation, lightness) 변환. 채널 입력, color picker, preset 클릭 - live swatch, rgb() CSS, hsl() CSS 동시 갱신. stylesheet, design token, 다른 color model 간 handoff용. 업로드 없음.

RGB to HSL Converter 사용 방법

R,G,B 0-255 입력 또는 native color picker.
H,S,L 확인(hue 0-360, saturation·lightness 0-100%).
H,S,L 편집으로 역변환; RGB·swatch 즉시 갱신.
rgb() 또는 hsl() CSS(또는 HEX) 복사 - 가입 불필요.

RGB to HSL Converter 예시

Pure red

rgb(255, 0, 0) → hsl(0, 100%, 50%).

Tailwind blue-500

rgb(59, 130, 246) → hsl(217, 91%, 60%).

Neutral gray

rgb(128, 128, 128) → hsl(0, 0%, 50%). gray는 saturation 0이라 hue 0.

HSL to RGB

hsl(120, 100%, 50%) → rgb(0, 255, 0) (pure green).

전체 가이드 읽기

RGB to HSL Converter 사용 방법: 완벽 가이드 (2026) - 5 분 읽기

RGB to HSL Converter에 대한 자주 묻는 질문

RGB를 HSL로?: R,G,B 0-255 입력. hue 0-360, saturation·lightness 0-100%와 hsl() CSS 표시. 예: rgb(255, 0, 0) = hsl(0, 100%, 50%).
HSL을 RGB로?: 예. H,S,L 편집 시 RGB, rgb() CSS, HEX, swatch 동시 갱신. hue 360 wrap; S,L 0-100 clamp.
H, S, L 의미는?: Hue는 color wheel 각(0 red, 120 green, 240 blue). Saturation은 vividness(0% gray, 100% full). Lightness는 밝기(0% black, 50% pure, 100% white).
gray에서 hue 0인 이유?: gray는 saturation 0%라 hue undefined, converter는 0 보고. saturation 올리기 전 hue 변경은 효과 없음.
HEX to RGB와 같나요?: 아니요. HEX to RGB Converter는 #rgb/#rrggbb, CMYK, contrast, token snippet. 이 도구는 RGB ↔ HSL. spec에 HEX·HSL 섞이면 pair 사용.
color가 기기를 벗어나나요?: 아니요. 브라우저 전용. 업로드·저장 없음.

HEX to RGB Converter

HEX↔RGB 변환과 HSL, CMYK, tint-shade ramp, WCAG contrast 카드, CSS token snippet - 무료 온라인 color code converter.

PX to REM 변환기

설정 가능한 기본 글꼴 크기로 px를 rem·em으로 온라인 변환. 빠른 참조 표가 있는 무료 px to rem 변환기. 브라우저에서 실행.

CSS Gradient 생성기

실시간 미리보기로 CSS linear, radial, conic gradient 제작. color stop 선택, background CSS 복사, 스타일시트에 붙여 넣기. 브라우저에서 실행.