OKLab to HWB Converter

Converted HWB Output --
100%

Wide-Gamut & Linear Formats

Modern CSS color space notations derived from this color

Contrast Analysis (WCAG 2.1)

Checks the converted color against foreground or background targets for accessibility compliance.

How to Convert OKLab to HWB

Converting OKLab to HWB translates a scientific, perceptually uniform color model into a format designed to mimic mixing physical paint. OKLab defines color using absolute Lightness and opponent color axes, while HWB defines color by adding white and black to a base hue.

Why Convert to HWB?

OKLab is excellent for generating accessible palettes and smooth gradients, but it can be complex to read manually. If you need to quickly generate a monochromatic palette (a series of tints and shades based on a single color), HWB is much faster to work with. Converting a base OKLab color to HWB allows you to lock the Hue and simply adjust the Whiteness and Blackness percentages.

The Conversion Pipeline

To convert OKLab to HWB, the color must pass through the sRGB color space. The OKLab values are converted to linear RGB, and finally to standard gamma-corrected RGB.

Once the RGB values (0-255) are established, the HWB Hue is calculated based on the dominant RGB channel. The Whiteness is determined by the lowest RGB channel, and the Blackness is calculated by subtracting the highest RGB channel from 100%.

Related Tools