LAB to HWB Converter

Enter CIE LAB (L*, a*, b*) values and instantly get the equivalent HWB color with a live preview swatch.

CIE LAB Input

53.39
80.11
67.20
rgb(255, 0, 0)

HWB Output

Conversion Steps

  1. 1 LAB → XYZ: X=0.4124, Y=0.2126, Z=0.0193
  2. 2 XYZ → RGB: R=255, G=0, B=0
  3. 3 RGB → HWB: hwb(0 0% 0%)
Copied!

Summary

Enter CIE LAB (L*, a*, b*) values and instantly get the equivalent HWB color with a live preview swatch.

How it works

  1. Enter L* (0–100), a* (−128 to +127), and b* (−128 to +127) using the number inputs or sliders.
  2. LAB is converted to XYZ tristimulus values using the inverse CIE f() function and D65 reference white (Xn=0.95047, Yn=1.00000, Zn=1.08883).
  3. XYZ is multiplied by the inverse sRGB matrix and gamma-encoded to produce clamped sRGB (0–255).
  4. RGB is converted to HWB: Whiteness = min(R,G,B)/255, Blackness = 1−max(R,G,B)/255, Hue via the standard HSV hue formula.
  5. The HWB output — Hue (°), Whiteness (%), and Blackness (%) — updates instantly.
  6. A color swatch previews the resulting color; click the copy buttons to grab the hwb() or rgb() CSS string.

Use cases

Frequently Asked Questions

Related tools

Last updated: 2026-05-28 · Reviewed by Nham Vu