OKLCH Converter

Convert colors between Hex, RGB, HSL, and OKLCH formats.

Input

Enter any color format

hex, rgb(), hsl(), oklch(), named colors

Preview

OKLCH Values

Lightness (L) 0.55

Chroma (C) 0.24

Hue (H) 264deg

Output Formats

HEX #6366f1

RGB rgb(99, 102, 241)

HSL hsl(239, 84%, 67%)

OKLCH oklch(0.55 0.24 264)

CSS Variable --color-primary: oklch(0.55 0.24 264);

What is OKLCH?

OKLCH is a perceptually uniform color space that represents colors using three intuitive values: Lightness (0-1), Chroma (color intensity, 0-0.4+), and Hue (0-360 degrees). Unlike HSL, OKLCH maintains consistent perceived brightness across different hues, making it ideal for creating harmonious color palettes and accessible designs.