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 LAB → XYZ: X=0.4124, Y=0.2126, Z=0.0193
- 2 XYZ → RGB: R=255, G=0, B=0
- 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
- Enter L* (0–100), a* (−128 to +127), and b* (−128 to +127) using the number inputs or sliders.
- 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).
- XYZ is multiplied by the inverse sRGB matrix and gamma-encoded to produce clamped sRGB (0–255).
- 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.
- The HWB output — Hue (°), Whiteness (%), and Blackness (%) — updates instantly.
- A color swatch previews the resulting color; click the copy buttons to grab the hwb() or rgb() CSS string.
Use cases
- Translate perceptual LAB color specs into CSS-ready HWB values.
- Convert ICC profile LAB measurements into hwb() strings for modern stylesheets.
- Build HWB palettes from perceptually uniform LAB color steps.
- Verify that a LAB color is within the sRGB gamut before using it in web design.
- Cross-reference CIE LAB paint or ink definitions with HWB for CSS Color Level 4.
- Bridge color science workflows with browser-native hwb() color values.
- Generate HWB values from spectrophotometer LAB readings.
- Quickly check the hue, whiteness, and blackness of any CIE LAB color.
Frequently Asked Questions
Related tools
Last updated: 2026-05-28 ·
Reviewed by Nham Vu