RGB → OKLAB

RGB to OKLAB Converter

Convert standard RGB values into perceptually uniform OKLAB coordinates. Useful when building color systems that require predictable contrast steps, tone curves, or OKLCH gradients for CSS Color Level 4.

RGB Input

Red (R)
Green (G)
Blue (B)

Preview

HEX

#e66746

Perceptual space

OKLAB coordinates

L

0.6640

a

0.1330

b

0.0970

CSS string

oklab(0.664 0.133 0.097)

OKLCH helper

Lightness / Chroma / Hue

L

0.6640

C

0.1650

H°

36.1

OKLAB places equal perceptual steps along the a/b axes. OKLCH makes it easy to build gradients or palettes with consistent chroma and hue rotations.

Why OKLAB?

Perceptual lightness

The L value follows perceived brightness far better than HSL/HSV. That makes it ideal for typographic scales, contrast-aware themes, and accessible UI components.

Modern CSS support

CSS Color Level 4 introduces oklab() and oklch() functions, allowing native OKLAB colors in the browser. Use the values above directly in stylesheets or design tokens.