RGB to HSL Converter

Name: RGB to HSL Converter
Author: Earthling Digital

Convert RGB colors to HSL instantly. Paste a color — with or without alpha — and the conversion runs entirely in the browser.

FromTo

InputRGB

OutputHSL

hsl(262, 83%, 58%)

All formatsclick a row to convert from it

About RGB and HSL

RGB lists red, green and blue as numbers from 0 to 255, matching how screens mix light. It is the format most APIs, canvas code and design tools expect, and rgba() adds an opacity value from 0 to 1.

HSL describes a color by hue (0–360 on the color wheel), saturation and lightness. It is easier to reason about than raw channels — rotating a hue or dimming a color is a single number change — which makes it popular for theming.

For example, rgb(124, 58, 237) in RGB is hsl(262, 83%, 58%) in HSL. Paste any value above — conversion is instant, runs entirely in the browser, and carries alpha through when the color has one.

More color converter pages

HEX → RGB HEX → HSL HEX → OKLCH RGB → HEX RGB → OKLCH HSL → HEX HSL → RGB HSL → OKLCH OKLCH → HEX OKLCH → RGB OKLCH → HSL

Related tools

Shader Palette Generator

Design cosine-based color palettes for GLSL shaders and copy the function out.

Free and open source from Earthling Digital, an independent creative agency. Built with Earthling UI.