コンバーター

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 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.

RGBからHSLへの変換とは?

<strong>RGB</strong>から<strong>HSL</strong>への変換はWeb開発でよくあるタスクです。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

このコンバーターの精度は?

数学的に正確なアルゴリズムを使用しています。

無料ですか?

はい、完全に無料です。

結果を共有できますか?

はい、共有リンクボタンを使ってください。