Convert colors between HEX, RGB, HSL, and OKLCH.
HEX
#7c3aed
RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)
OKLCH
oklch(0.541 0.247 293)
Paste a color in HEX, rgb(), or hsl() notation — or pick one visually — and see it instantly converted to HEX, RGB, HSL, and OKLCH, the newer perceptually-uniform color space increasingly used in modern CSS.
Everything runs client-side using standard, published conversion formulas — nothing you enter is sent anywhere.
OKLCH is a perceptually uniform color space — equal changes in its values look like equal changes to the human eye, which makes it easier to build consistent color scales than with HSL. It's supported in all modern browsers as a native CSS color function.