RGB to HSL

Convert RGB color to HSL

RGB to HSL

Convert RGB values with live HSL output and preview swatches.

Working color

Use a color-aware form instead of a generic input/output template.

Source input

Swatch

Result

The tool-specific output stays visible together with derived color formats.

Waiting for a valid color value...

HEX

#4F46E5

RGB

rgb(79, 70, 229)

HSL

hsl(243, 75%, 59%)

HSV

hsv(243, 69%, 90%)

CMYK

cmyk(66%, 69%, 0%, 10%)

OKLCH

Unavailable

Palette preview

What is RGB to HSL

Last reviewed: April 18, 2026

RGB (Red, Green, Blue) is the additive color model used by digital screens, mixing light to create every visible on-screen color.

RGB to HSL is an online tool that helps you convert RGB to HSL.

It translates rGB to HSL into a different format so the output is ready to import, embed, or load downstream without hand-rewriting.

Why use it

Move rGB to HSL between tools, systems, or file formats faster.
Avoid manual rewriting when translating rGB to HSL into another format.
Prepare import-ready or export-ready rGB to HSL output in a few steps.
Keep rGB to HSL conversion inside the browser for quick workflow changes.

Example (before/after)

RGB input

Paste your RGB input so it can be converted into HSL for your next step.

HSL output

Get HSL output converted from RGB that is ready to review, copy, or export into the next step of your workflow.

Common errors

Source format does not match the tool

Conversions fail when the pasted input is not actually in the expected source format.

Fix: Verify the source format first, then paste it into the correct converter.

Partial or inconsistent data

Broken rows, missing fields, or incomplete markup can block conversion.

Fix: Use a complete input sample with the structure intact before converting it.

Unexpected output assumptions

Different target formats can flatten, restructure, or serialize values differently.

Fix: Review the converted output and confirm it matches the target system before using it downstream.

FAQ

Does RGB to HSL send my colors to a server?

No. Color conversion is pure math and runs entirely in the browser, so pasted values never leave your device.

Is the RGB to HSL conversion lossless?

Converting between RGB and HSL in sRGB is lossless within the gamut both models can represent. Out-of-gamut values are clipped to the nearest in-gamut color, which is the same behavior you'll see in Figma, Sketch, or Photoshop.

Does RGB to HSL support alpha (opacity) values?

Yes. Paste values with an alpha channel (8-digit hex like #RRGGBBAA, rgba(), hsla()) and the converter preserves the alpha across output formats that carry it. Formats without alpha drop the channel and note the loss.

Does RGB to HSL accept 3-digit, 6-digit, and 8-digit hex?

Yes — RGB to HSL parses #RGB, #RRGGBB, and #RRGGBBAA equally. 3-digit shorthand is expanded before conversion, so #f00 and #ff0000 produce the same output.

Does RGB to HSL handle wide-gamut (P3, Rec.2020) colors?

RGB to HSL operates in sRGB by default, matching how most web browsers, design files, and CSS color strings are authored. Wide-gamut input is accepted but mapped to sRGB before conversion, so extreme colors may clip.

Related tools

Continue the workflow with related tools for rGB to HSL, adjacent input and output steps, or other utilities in the same category. You can also browse the full Color Converters category for more options.

HSL to RGB

Convert HSL color to RGB

RGB to HEX

Convert RGB color to HEX

RGB to HSV

Convert RGB color to HSV

RGB to CMYK

Convert RGB color to CMYK

HEX to HSL

Convert HEX color to HSL

HEX to RGB

Convert HEX color to RGB

HSL to HEX

Convert HSL color to HEX

HSV to RGB

Convert HSV color to RGB

CMYK to RGB

Convert CMYK color to RGB

HEX to HSV

Convert HEX color to HSV

HSV to HEX

Convert HSV color to HEX

CMYK to HEX

Convert CMYK color to HEX