OKLCH Color Picker & Converter
srgb space
P3
fallback
o
r
Auto hex/rgba
#cf84a5
rgb(207, 132, 165)
hsl(333.55 43% 66%)
color(display-p3 0.7683 0.5311 0.6417)
lch(63.88 33.09 351.43)
lab(63.88 32.72 -4.93)
oklab(70% 0.1 -0.01)
Linear RGB vec(0.62066, 0.23103, 0.37569, 1)
0.7, 0.1, 352
Figma P3 #c487a4ff
Paste HEX/RGB/HSL to convert to OKLCH
Closest fallback (by chroma) in sRGB
Use it in Figma with
P3 color profile
OKLCH
LCH
Why OKLCH is better than RGB and HSL
evilmartians / oklch-picker
Lightness
l
c
l
Chroma
c
c
h
Hue
h
l
h
3D
Alpha
a
Show 3D
Show graphs
Show P3
Show Rec2020
OKLCH 3D model
Drag to rotate • Scroll to zoom • Right button to move
Freeze max
Freeze sum
Worker max
Worker sum
Paint