OKLCH Color Picker & Converter
srgb space
P3
fallback
o
r
Auto hex/rgba
#9297dc
rgb(146, 151, 220)
hsl(235.61 51% 72%)
color(display-p3 0.5765 0.5932 0.8419)
lch(64.2 37.19 285.77)
lab(64.2 10.11 -35.79)
oklab(0.7 0.02 -0.1)
Linear RGB vec(0.28761, 0.31142, 0.7138, 1)
0.7, 0.1, 280
Figma P3 #9397d7ff
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