Skip to main content

OKLCH to RGB Converter

Type or paste a OKLCH color: CSS oklch() syntax: values separated by spaces, not commas. L is 0–1 or a percentage.

rgb(255, 0, 0)
OKLCH:oklch(0.628 0.2577 29.23)
RGB:rgb(255, 0, 0)

CSS Usage:

background-color: rgb(255, 0, 0);
color: rgb(255, 0, 0);
border: 1px solid rgb(255, 0, 0);

Popular Examples:

How to Convert OKLCH to RGB

OKLCH to RGB converts perceptual OKLCH color values to decimal RGB for use in CSS, JavaScript, and APIs. OKLCH (Lightness, Chroma, Hue in the OKLab space) produces more visually consistent results than HSL but needs to be converted to RGB for many contexts. Note that some OKLCH values with high chroma may fall outside the sRGB gamut; then each RGB channel is clipped to 0–255, which can shift the hue and lightness.

Why Use This Converter?

  • Instant real-time conversion
  • Free online tool - no registration required
  • Live color preview
  • CSS code examples
  • One-click copy to clipboard