AaAa

Color Picker

Lightness

Chroma

Hue

Color Formats

OKLCHoklch(75.0% 0.1500 300.0)

HEX#bd96fe

RGBrgb(189, 150, 254)

HSLhsl(263, 98%, 79%)

/* Modern browsers */

color: oklch(75.0% 0.1500 300.0);

/* Fallback */

color: rgb(189, 150, 254);

#bd96fe

300°

#a2bb40

120°

OKLCH maintains perceptual uniformity — colors with the same lightness actually look equally bright.

OKLCH — L: 70%, C: 0.15

HSL — S: 70%, L: 60%

Notice how OKLCH colors appear evenly bright, while HSL varies wildly (yellow appears much brighter than blue).