Skip to content
Color Codes

Modern CSS color

OKLCH Converter - Hex, RGB & HSL to OKLCH

Convert Hex, RGB or HSL colors to OKLCH and copy modern CSS color syntax alongside Hex, RGB, HSL and HSV values.

Lightness
0.62
Chroma
0.188
Hue
260

Color formats

How to use this tool

Paste a familiar color value and see its OKLCH lightness, chroma and hue. Use OKLCH when you want more predictable lightness changes and modern CSS color tokens.

  1. 1 Enter a Hex, RGB or HSL color.
  2. 2 Review OKLCH lightness, chroma and hue.
  3. 3 Copy the CSS oklch() value or compare with legacy formats.

Frequently asked questions

What does OKLCH describe?

OKLCH describes perceptual lightness, chroma and hue, which makes many color adjustments feel more even than HSL.

Can I paste RGB or HSL?

Yes. The converter accepts Hex, RGB/RGBA and HSL/HSLA input and converts it to OKLCH.

Should I replace every Hex value with OKLCH?

Not always. Hex remains compact and widely understood; OKLCH is most useful for generated scales and predictable lightness edits.

Does OKLCH support transparency?

CSS oklch() can include alpha. This converter preserves alpha when the input includes transparency.