OKLCH Color Converter — Free Online Tool

Convert HEX/RGB to and from OKLCH and OKLab (CSS Color 4). OKLCH Color Converter is a free online tool from the ToolsRift Color Tools collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.

Loading OKLCH Color Converter

How to use OKLCH Color Converter

Enter a color as HEX, RGB or OKLCH; the tool converts between OKLCH, OKLab and hex and shows a live swatch to copy.

Frequently asked questions

What is OKLCH?

A perceptually uniform color space (Lightness, Chroma, Hue) from CSS Color 4 where equal numeric changes look like equal visual changes.

Why use OKLCH over HSL?

OKLCH keeps perceived lightness consistent across hues, so palettes and gradients look smoother and more even than in HSL.

Do browsers support oklch()?

Yes — the oklch() function is supported in all current major browsers; a hex fallback is still wise for older ones.

More Color Tools

Material Tonal Palette
Generate a 50–900 tonal scale from one base color for design systems
Complementary Color Finder
Find the exact complementary (opposite) color for any hex value
Color Inverter
Invert any color to its RGB negative (255 minus each channel)
Lighten / Darken Color
Lighten or darken any color by a precise percentage of lightness
HSL Adjuster
Shift hue, saturation and lightness of a color with live preview
Alpha Blend Calculator
Composite a translucent color over a background to a solid hex

← View all Color Tools