HSL ↔ OKLCH Color Converter
Convert between HSL and OKLCH color spaces with real-time preview
HSL → OKLCH
OKLCH → HSL
HSL Color
#0000ff
Hue: 240°
Saturation: 100%
Lightness: 50%
H
S
L
CSS Value
Copy
OKLCH Color
oklch(0.452 0.313 264)
Lightness: 0.452
Chroma: 0.313
Hue: 264.0°
L
C
H
CSS Value
Copy
About OKLCH Color Space
Why OKLCH?
• Perceptually uniform lightness
• Better color manipulation
• CSS Color Level 4 support
• Wider color gamut support
Browser Support
• Chrome 111+ ✅
• Firefox 113+ ✅
• Safari 15.4+ ✅
• Use with fallbacks for older browsers