OKLCH → HSL Converter
Enter an oklch() value or drag the L, C and H sliders and get the HSL equivalent — with HEX, RGB, sRGB gamut info, contrast ratios and a live preview.
Input OKLCH
Accepts oklch(L C H), oklch(L% C H), or bare channels like 0.53 0.21 293.
Manual OKLCH sliders
HSL is not perceptually uniform, so small L changes near the extremes can look much larger once converted.
Harmonies
Live preview
Acme UI
Preview surface
Text on white, muted text, and a button using your color as its background.
Subtle background derived from your color.
Channel values
Contrast checks (WCAG 2, 4.5:1)
✓ Copied!