Конвертер RGB в HSL

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

1

Paste Your Value

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

2

Instant Conversion

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

3

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.

Связанные конвертеры

Explore more free CSS converters for developers and designers.

Что такое конвертация 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

Насколько точен этот конвертер?

Математически точные алгоритмы.

Это бесплатно?

Да, полностью бесплатно.

Можно поделиться результатами?

Да, используйте кнопку копирования ссылки.

Конвертеры

RGB → HSL