RGB to HSL Converter

Convert RGB color values to the HSL color model, which represents color as hue, saturation, and lightness — often more intuitive for adjusting shades.

Inputs
Results
HSL
hsl(217, 91%, 60%)
Hue
217
Saturation
91
Lightness
60

Try an example

Formula

Standard RGB-to-HSL conversion based on min/max channel values

Learn How This Works

How Digital Color Works: RGB, HEX, and HSL Explained

The relationship between RGB, hexadecimal color codes, and the HSL color model, with a real conversion example.

How WCAG Contrast Ratios Are Actually Calculated

The relative luminance formula behind accessibility contrast checks, and why it's not just an eyeball comparison.

How Color Shade and Tint Generators Blend Toward Black or White

The RGB channel-blending formula behind lighter tints and darker shades of any color.

Frequently Asked Questions

Related Calculators

HEX to RGB Converter

Convert a hex color code to RGB values, or RGB to hex.

Color Contrast Checker

Check the WCAG contrast ratio between two colors for accessibility.

Color Shade & Tint Generator

Generate lighter and darker shades of a base hex color.

CMYK to RGB Converter

Convert CMYK print color values to RGB for screen display.

Opacity Blend Calculator

Calculate the resulting RGB color when blending a foreground color at a given opacity over a background.

Complementary Color Calculator

Find the complementary color for any hex color.