RGB to OKLCH Converter

Active color#000000

rgb(0, 0, 0)

RGB Input

OKLCH Output

1Active Line0Valid Items

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.