OKLCH to RGB Converter

OKLCH in, RGB out — with the working shown.

To convert OKLCH to RGB, normalise the input, convert OKLCH back to RGB, write out the RGB value, then check the gamut. For example, oklch(61.82% 0.1935 258.33) in OKLCH is rgb(47 129 247) in RGB.

This is a free OKLCH to RGB converter. Type or paste any OKLCH into the field above and the RGB value updates as you type, along with every other notation the web understands. RGB is three channels from 0 to 255 describing how hard the display drives its red, green and blue subpixels.

Conversions run entirely in your browser using the same color engine as the rest of the site: values round-trip through linear sRGB and CIE XYZ rather than through an approximation, so what you copy is accurate to the last digit the format can carry.

How to convert OKLCH to RGB

  1. Normalise the input. Read the OKLCH value and scale each component into the 0–1 range the maths expects.
  2. Convert OKLCH back to RGB. OKLCH is not the display's native model, so the first move is always back to red, green and blue.
  3. Write out the RGB value. Convert back through sRGB and format the result as RGB.
  4. Check the gamut. Clamp anything that falls outside what an sRGB display can show, so the value you copy is the value you get.

Worked example: oklch(61.82% 0.1935 258.33) converts to rgb(47 129 247). That color is Dodger Blue, and the tool above shows each intermediate step for whatever value you enter.

Common OKLCH to RGB values

The twenty colors people look up most often, converted from OKLCH to RGB. Every row is computed by the same engine as the tool above.

ColorOKLCHRGB
Whiteoklch(100% 0 0)rgb(255 255 255)
Blackoklch(0% 0 0)rgb(0 0 0)
Redoklch(62.8% 0.2577 29.23)rgb(255 0 0)
Limeoklch(86.64% 0.2948 142.5)rgb(0 255 0)
Blueoklch(45.2% 0.3132 264.05)rgb(0 0 255)
Yellowoklch(96.8% 0.211 109.77)rgb(255 255 0)
Cyanoklch(90.54% 0.1546 194.77)rgb(0 255 255)
Magentaoklch(70.17% 0.3225 328.36)rgb(255 0 255)
Silveroklch(80.78% 0 0)rgb(192 192 192)
Grayoklch(59.99% 0 0)rgb(128 128 128)
Maroonoklch(37.67% 0.1546 29.23)rgb(128 0 0)
Oliveoklch(58.07% 0.1266 109.77)rgb(128 128 0)
Greenoklch(51.98% 0.1769 142.5)rgb(0 128 0)
Purpleoklch(42.09% 0.1935 328.36)rgb(128 0 128)
Tealoklch(54.31% 0.0927 194.77)rgb(0 128 128)
Navyoklch(27.11% 0.1879 264.05)rgb(0 0 128)
Orangeoklch(79.27% 0.171 70.67)rgb(255 165 0)
Pinkoklch(86.77% 0.0735 7.09)rgb(255 192 203)
Goldoklch(88.68% 0.1822 95.33)rgb(255 215 0)
Crimsonoklch(57.12% 0.2219 20.09)rgb(220 20 60)

OKLCH and RGB, briefly

OKLCH is OKLab in polar form — perceptual lightness, absolute chroma and a hue angle. Valid range: L 0–100%, C 0–0.37 in sRGB, H 0–360°.

RGB is three channels from 0 to 255 describing how hard the display drives its red, green and blue subpixels. Valid range: 0–255 per channel.

Frequently asked questions

How do you convert OKLCH to RGB?

1. Read the OKLCH value and scale each component into the 0–1 range the maths expects. 2. OKLCH is not the display's native model, so the first move is always back to red, green and blue. 3. Convert back through sRGB and format the result as RGB. 4. Clamp anything that falls outside what an sRGB display can show, so the value you copy is the value you get. The converter on this page does all of it as you type, and shows the working underneath.

What is oklch(62.8% 0.2577 29.23) in RGB?

Pure red, oklch(62.8% 0.2577 29.23), is rgb(255 0 0) in RGB. There is a table of twenty common colors converted to RGB further up this page.

What is oklch(61.82% 0.1935 258.33) in RGB?

oklch(61.82% 0.1935 258.33) converts to rgb(47 129 247). It is a dodger blue, and you can paste any other value into the field at the top of the page to convert it.

Is OKLCH to RGB conversion lossless?

Within sRGB, yes — converting to RGB and back returns the value you started with. The only rounding happens when a component is written out to a fixed number of decimal places.

Can I use RGB directly in CSS?

Yes. rgb(47 129 247) is valid CSS and works in every current browser.

Does this OKLCH to RGB converter support transparency?

Alpha is preserved wherever the target notation can carry it — eight-digit hex, rgb() / a, hsl() / a and the modern CSS spaces all round-trip an alpha channel. CMYK has no alpha, so it is dropped there.

Is my color data sent anywhere?

No. Every conversion on this site runs in your browser with no network request, no account and no analytics. You can disconnect and it keeps working.