RGB에서 HSL 변환기

Convert RGB color values to HSL format.

Instant Private 100% Free CSS Ready

RGB → HSL

Paste your value below and get instant results

RGB 값

RGB	HSL	Description
`rgb(255, 0, 0)`	`hsl(0, 100%, 50%)`	Pure Red
`rgb(0, 255, 0)`	`hsl(120, 100%, 50%)`	Pure Green
`rgb(0, 0, 255)`	`hsl(240, 100%, 50%)`	Pure Blue
`rgb(128, 128, 128)`	`hsl(0, 0%, 50%)`	50% Gray
`rgb(255, 255, 0)`	`hsl(60, 100%, 50%)`	Yellow

How It Works

Convert in 3 simple steps

Paste Your Value

Enter your RGB value in the input field or use the color picker.

Instant Conversion

Click convert or just type — the result appears instantly with live preview.

Copy & Use

Copy the result or CSS variable with one click. Share via URL.

Why Developers Love This Tool

Instant Results

Real-time conversion as you type. No waiting, no page reloads.

100% Client-Side

All processing happens in your browser. No data is sent to any server.

CSS Variable Output

Get copy-ready CSS custom property syntax alongside raw values.

Shareable URLs

Generate pre-filled links to share specific conversions with your team.

RGB에서 HSL 변환이란?

<strong>RGB</strong>에서 <strong>HSL</strong>로의 변환은 일반적인 작업입니다. Convert RGB color values to HSL format.

변환 작동 방식

변환기가 수식을 즉시 적용합니다.

일반적인 사용 사례

개발자들은 자주 RGB을 HSL로 변환해야 합니다.

Common RGB to HSL Examples

rgb(255, 0, 0) → Pure Red
rgb(0, 128, 0) → Green
rgb(0, 0, 255) → Blue

Why Use This Converter?

Instant results — paste a value and get the converted output immediately.
Copy-ready CSS — one-click copy with properly formatted syntax.
Live color preview — see a swatch of the converted color to visually confirm accuracy.
Shareable URLs — pre-fill values via URL for easy team sharing.
No installation — works in any browser, on any device.

FAQ

이 변환기의 정확도는?

수학적으로 정확한 알고리즘을 사용합니다.

무료인가요?

네, 완전히 무료입니다.

결과를 공유할 수 있나요?

네, 공유 링크 버튼을 사용하세요.

변환기