Folge.meCreate step-by-step guides and documentation with Folge. One-Time Price, Private, Offline. Best alternative to ScribeHow, Tango.us.
OKLCH Color Picker & Converter
Modern color space picker and converter with support for OKLCH, RGB, HEX, and HSL formats.
Lightness (62.31%)
Chroma (0.188)
Hue (259.81°)
Color Value
oklch(62.31% 0.188 259.81)
All Formats
OKLCH: oklch(62.31% 0.188 259.81)
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
About OKLCH Color Space
OKLCH is a modern color space that provides better perceptual uniformity and wider gamut support compared to traditional color spaces. It represents colors using three parameters: Lightness (O), Chroma (C), and Hue (H). This makes it easier to create consistent and accessible color schemes for modern web design.
Features
- Interactive OKLCH color picker with real-time preview
- Convert between OKLCH, HEX, RGB, and HSL formats
- Precise control over Lightness, Chroma, and Hue values
- Copy color values in multiple formats
- Visual color preview
- Modern, responsive interface
What is OKLCH?
OKLCH is a modern color space designed for better perceptual uniformity and wider gamut support. It represents colors using Lightness, Chroma (colorfulness), and Hue, making it easier to create consistent and accessible color schemes.
Why use OKLCH over other color formats?
OKLCH offers better perceptual uniformity, meaning colors appear more consistent to human vision. It also supports wider color gamuts and provides more predictable color manipulation than traditional formats like RGB or HSL.
Can I use OKLCH colors in my web projects?
Yes! OKLCH is supported in all modern browsers and can be used directly in CSS. Simply use the syntax: oklch(lightness% chroma hue).
How do the OKLCH parameters work?
Lightness ranges from 0-100%, Chroma (colorfulness) typically ranges from 0-0.4, and Hue ranges from 0-360 degrees. These parameters are designed to be more intuitive and predictable than other color spaces.