OKLCH Color Picker & Converter
srgb space
P3
fallback
o
r
Auto hex/rgba
#a392d6
rgb(163, 146, 214)
hsl(254.78 46% 71%)
color(display-p3 0.627 0.5743 0.8216)
lch(63.97 37.27 297.71)
lab(63.97 17.33 -32.99)
oklab(70% 0.04 -0.09)
Linear RGB vec(0.36479, 0.28679, 0.67445, 1)
0.7, 0.1, 295
Figma P3 #a092d2ff
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