oklchhex
OKLCH to HEX Converter
Convert a OKLCH colour to HEX, with a live swatch and every other notation alongside.
To convert OKLCH to HEX, paste your colour above — any recognisable notation is accepted, including named CSS colours — and every format is shown at once with a live swatch. Hex is two hex digits per channel — the notation CSS has used since the beginning, and the one every design tool copies to the clipboard.
Runs in your browserAbout converting OKLCH to HEX
OKLCH is perceptually uniform — equal numeric steps look like equal visual steps, which is why it produces far better colour scales than HSL. Hex is two hex digits per channel — the notation CSS has used since the beginning, and the one every design tool copies to the clipboard.
Share this converter
Related tools
Tailwind Colour Shade GeneratorGenerate a full 50–950 Tailwind colour scale from a single brand colour.CSS Named Colours ReferenceEvery CSS colour name with its HEX, RGB, HSL and OKLCH value, sortable by hue and contrast.CSS Box Shadow GeneratorDesign a CSS box-shadow with live values for offset, blur, spread and colour.Glassmorphism CSS GeneratorCreate frosted-glass CSS with backdrop blur, transparency and a subtle border.CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.PX to REM ConverterConvert between pixels, rem and em using your project root font size.