Tools / Color Converter / OKLCH → HEX
OKLCH to HEX Converter.
OKLCH to HEX renders a perceptual OKLCH color back to a six-digit hex for tools and APIs that don't yet speak oklch(). Because OKLCH can describe colors outside the sRGB gamut, very vivid values are clamped to the nearest displayable hex.
Not a recognizable OKLCH color.
All formats
The OKLCH → HEX formula
Polar → OKLab (a = C·cos H, b = C·sin H) → linear sRGB (inverse matrix + cubes) → gamma-encode → clamp 0-255 → hex.
Worked example
Convert oklch(28% 0.07 268):
- a = 0.07·cos(268°), b = 0.07·sin(268°)
- OKLab → linear sRGB → gamma-encode
- Clamp to gamut → rgb(27, 42, 78)
- Hex-encode → #1B2A4E
JavaScript
// oklchToRgb then rgbToHex (see colorConvert.ts)
const rgb = oklchToRgb({l:0.28,c:0.07,h:268});
const hex = rgbToHex(rgb); // "#1B2A4E"FAQ
What happens to out-of-gamut OKLCH colors?
OKLCH can express more saturated colors than an sRGB screen can show. Those are clamped per-channel to 0-255 on the way to hex, so the hex is the closest in-gamut match, not an exact equal.
Paid links below. As an Amazon Associate we earn from qualifying purchases.
Library
Colour references for your next project
Compare the original references behind this archive. Check the contents, edition and format before choosing a book.
Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.
Torn between the two Wada dictionaries? Vol 1 vs Vol 2, compared plate by plate →
Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.