HSL to LAB Converter
Enter HSL values and instantly get the equivalent CIE L*a*b* coordinates with a live color preview.
HSL Input
0 – 360
0 – 100
0 – 100
CIE L*a*b* Output
hsl(210, 75%, 50%)
Lightness
Green–Red
Blue–Yellow
Intermediate XYZ (D65)
XYZ normalized to D65 white point (Xn=0.95047, Yn=1.00000, Zn=1.08883)
Copied!
Summary
Enter HSL values and instantly get the equivalent CIE L*a*b* coordinates with a live color preview.
How it works
- Enter a Hue (0–360), Saturation (0–100%), and Lightness (0–100%) in the input fields.
- The CIE L*, a*, and b* values update instantly as you type or drag the sliders.
- Use the color picker to choose a color visually — the HSL inputs sync automatically.
- Click any Copy button to copy individual L*, a*, or b* values.
- Click "Copy lab()" to copy the full lab() CSS string to your clipboard.
Use cases
- Convert design-tool HSL colors to perceptually uniform LAB for color difference calculations.
- Prepare color values for image processing pipelines that operate in LAB space.
- Measure perceptual distance between two colors by converting both to LAB and computing delta E.
- Convert brand palette colors to LAB for accessibility and contrast research.
- Generate LAB values for ICC profile work or color science experiments.
- Cross-reference CSS HSL values with CIE LAB for print or textile production.
Frequently Asked Questions
Related tools
Last updated: 2026-05-28 ·
Reviewed by Nham Vu