HSL to RGB Converter

Adjust hue, saturation, and lightness to get exact RGB and HEX values with a live color preview.

Hue(0 to 360)

Saturation(0 to 100 percent)

Lightness(0 to 100 percent)

Quick presets

Color preview

Preview uses the HSL value directly, the RGB and HEX values below describe the same color.

RGB

HEX

HSL (CSS ready)

All calculations happen locally in your browser. No color values are uploaded or stored.

Make sure to bookmark this tool

Want quick access? Add this tool to our Home page under My Saved Tools.

Explore More Tools