OKLCH to HSL Converter
Convert OKLCH color values to HSL format instantly. HSL is widely understood and supported everywhere — use this tool to translate your OKLCH-defined colors into the familiar hue, saturation, and lightness model for broader compatibility.
name, hex, rgb, hsl, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| HSL | hsl(6, 87%, 63%) | |
| Name | — | |
| Hex | #f35f50 | |
| RGB | rgb(243, 95, 80) | |
| HWB | hwb(6, 31%, 5%) | |
| CMYK | cmyk(0%, 61%, 67%, 5%) | |
| NCol | R10, 31%, 5% | |
| OKLCH | oklch(67.4% 0.1849 28.69) |
Lighter / Darker:
hsl(5, 85%, 95%)
hsl(6, 86%, 86%)
hsl(6, 86%, 77%)
hsl(6, 87%, 68%)
hsl(6, 87%, 59%)
hsl(6, 87%, 50%)
hsl(6, 87%, 41%)
hsl(6, 87%, 32%)
hsl(6, 86%, 23%)
hsl(6, 86%, 14%)
hsl(5, 85%, 5%)
Pick a Color:
Related Color Converters
How to Use This Tool
Enter an OKLCH value in oklch(L% C H) format. The converter outputs the equivalent HSL color in hsl(h, s%, l%) syntax. This is helpful when working in tools or codebases that use HSL as their standard color format, but you want to take advantage of OKLCH for color selection. Click any value to copy it. The shade bar shows HSL values for tints and shades of your converted color.