Skip to content
TRULLZ

Free RGB to HSL

Convert RGB to HSL color space.

HSLhsl(252, 100%, 68%)
RGBrgb(124, 92, 255)
Ad space · tool-below

How to use the RGB to HSL

  1. 1Enter RGB.
  2. 2Read HSL values.
  3. 3Copy the CSS string.

Features

  • Bidirectional
  • CSS output
  • Live preview

Frequently Asked Questions

Why use HSL?

HSL maps to human intuition: hue = color family, saturation = intensity, lightness = brightness.

Related Tools

HEX to RGB

Convert HEX colors to RGB values.

Developer

RGB to HEX

Convert RGB values to HEX codes.

Developer
Popular

Color Converter

HEX ⇄ RGB ⇄ HSL with live preview.

Developer
New

Color Palette Generator

Harmonious palettes from one color.

Generators

About the RGB to HSL

Convert RGB colors to the HSL model — ideal for building color variations. The RGB to HSL runs entirely in your browser — your data is processed locally and never uploaded to a server. Explore more Developer tools or browse all free online tools.