HEX to HSL Converter
Convert HEX color to HSL online for free — paste a hex code and get hsl() values plus RGB and contrast ratios. No upload.
| HEX | #3F51B5 |
|---|---|
| RGB | rgb(63, 81, 181) |
| HSL | hsl(231, 48%, 48%) |
| Contrast vs black | 3.06:1AA large |
| Contrast vs white | 6.87:1AA |
About HEX to HSL Converter
Paste a hex color like #FF8000 and get the hsl(30,100%,50%) value instantly — plus the RGB equivalent, a live swatch and WCAG contrast ratios against black and white.
HSL is the friendliest format for building palettes — tweak the hue while keeping saturation and lightness. Everything converts locally in your browser.