HSL to OKLCH
Convert HSL color values to OKLCH instantly. Paste any HSL value into the free Color Converter and get the OKLCH equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.
Convert any color →Example
hsl(221, 83%, 53%)→oklch(55% 0.22 263)
About the formats
HSL. HSL = Hue (0–360°), Saturation and Lightness (0–100%) — intuitive for tweaking colors.
OKLCH. OKLCH is a modern, perceptually-uniform CSS color space (Lightness, Chroma, Hue).
Other conversions
HEX → RGBHEX → HSLHEX → HSVHEX → CMYKHEX → OKLCHRGB → HEXRGB → HSLRGB → HSVRGB → CMYKRGB → OKLCHHSL → HEXHSL → RGBHSL → HSVHSV → HEXHSV → RGBHSV → HSLCMYK → HEXCMYK → RGBCMYK → HSLOKLCH → HEXOKLCH → RGBOKLCH → HSL
Browse popular colors →