Skip to main content

OKLAB to HEX Converter

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

#E8282C
OKLAB:oklab(0.6 0.2 0.1)
HEX:#E8282C

CSS Usage:

background-color: #E8282C;
color: #E8282C;
border: 1px solid #E8282C;

Popular Examples:

How to Convert OKLAB to HEX

OKLAB to HEX converts OKLAB perceptual color values to a standard hexadecimal code. OKLAB defines colors using Lightness (L, 0–1), and two axes a (green–red) and b (blue–yellow). It's designed for smooth color interpolation with more even steps than RGB or HSL. This converter lets you work in OKLAB for color manipulation and export the result as HEX for use in any web or design tool.

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