OKLCH to HEX Converter
Convert OKLCH color values to HEX codes instantly. Free, in your browser.
HEX output
#FF5733 rgb(255, 87, 51) Examples
How to use the OKLCH to HEX Converter
Four steps to turn OKLCH into a HEX color code.
- 1
Enter OKLCH values
Type lightness (0–100), chroma, and hue (0–360), or pick a color with the swatch.
- 2
Check the live preview
The large swatch updates as you edit so you can verify the color before copying.
- 3
Copy the HEX code
Click Copy next to the main #HEX output, or grab the bonus RGB value for API or canvas work.
- 4
Try an example
Use Load example or the gallery chips for oklch(68% 0.21 33.5), a vivid blue-violet, and black.
What is OKLCH to HEX conversion?
OKLCH to HEX conversion turns perceptually uniform OKLCH coordinates — lightness, chroma, and hue — into the compact hexadecimal strings that dominate web design, mobile UI kits, and brand style guides. You might tune a palette in OKLCH because it is predictable: raise lightness for a tint, adjust chroma for vividness, keep hue fixed for brand consistency. When the next step requires a HEX code like #FF5733 for CSS, a Figma swatch, or a JSON design token, this free converter closes that gap instantly with a live preview and one-click copy.
OKLCH (Oklab Lightness, Chroma, Hue) is a modern color space built on OKLab. Lightness (0–100%) controls perceptual brightness without hue drift. Chroma measures colorfulness — typically 0–0.4 within sRGB gamut. Hue is an angle 0–360° on the wheel. CSS accepts oklch(68% 0.21 33.5) natively in supported browsers. Search phrases like oklch to hex, oklch to hex converter, and convert oklch to hex describe this everyday handoff from OKLCH thinking to portable HEX notation.
The conversion pipeline transforms OKLCH through OKLab into linear RGB, clamps to sRGB, and encodes three channels as hexadecimal pairs prefixed with #. For example, OKLCH (68%, 0.21, 33.5°) yields RGB (255, 87, 51) and HEX #FF5733. A bonus RGB row accompanies the primary HEX output for canvas APIs and spreadsheets.
This tool runs entirely in your browser — no account, no upload, no tracking. Enter OKLCH manually, drag the native picker, load a random example, or tap a gallery chip. For the reverse direction, use our HEX to OKLCH converter, or the all-in-one Color Converter for every format.
Frequently asked questions
Why convert OKLCH to HEX?
#RRGGBB strings. If you tuned a color in OKLCH — adjusting lightness or chroma perceptually — this converter gives you the exact hex code to paste into those workflows.How do I convert oklch(68% 0.21 33.5) to HEX?
#FF5733. The live swatch confirms the match before you copy.What do L, C, and H mean in OKLCH?
Will the HEX output match browser OKLCH rendering?
Is my color data private?
Related tools
More free tools — all run in your browser.