RGB to OKLCH Converter

Active color#000000

rgb(0, 0, 0)

RGB Input

OKLCH Output

1Active Line0Valid Items

Shareable link

Settings are written to the URL as you change them. Nothing differs from the defaults yet.

Convert standard RGB color definitions into OKLCH, the cylindrical form of OKLab and a color function supported directly in current browsers.

Input formats

Provide colors using the standard rgb(r, g, b) syntax with channel values ranging from 0 to 255. Each line is parsed independently in batch mode.

OKLCH output

rgb(255, 87, 51) becomes oklch(68.04% 0.21 33.69). Lightness prints as a percentage, chroma as a plain number, and hue as a degree value from 0 to 360.

Building tints and shades

Raising or lowering only the L value in OKLCH while holding chroma and hue fixed produces a lighter or darker version of a color that keeps its hue and intensity more consistent than adjusting RGB channels directly, which is a common reason to convert an existing brand palette into this space.

Frequently Asked Questions

What RGB format does it accept?

CSS rgb() strings like rgb(255, 87, 51), with channels from 0 to 255. Paste one color per line for batch conversion.

What does each OKLCH number mean?

L is lightness from 0% to 100%, C is chroma, or distance from gray, typically up to about 0.4 for sRGB colors, and H is a hue angle from 0 to 360 degrees.

Why switch an existing RGB palette to OKLCH?

Generating tints and shades by adjusting only the L value in OKLCH keeps the hue and vividness of a color steadier than lightening or darkening its RGB channels directly, which tends to drift toward gray or shift hue as it gets lighter or darker.