Enter a color

%
#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
  • OKLCH
  • LCH
  • LAB
  • HWB

Contrast & Accessibility WCAG ratio of this color used as text

Aa on white
Aa on black

Shades & Tints click any swatch to load it

Shades (toward black)
Tints (toward white)

Color Harmonies based on the current Hue

Complementary
 
Analogous
  
Triadic
  
Split Complementary
  
Tetradic
   

About the LAB to HEX Converter

What is LAB to HEX conversion?

LAB values turn up wherever color gets measured: spectrophotometer readouts, brand-color specifications, print proofs, Photoshop's Lab mode, and modern CSS lab(). To use one of those colors on the web you usually need a HEX code, and that's exactly what this tool produces. Set L (0–100), a (green–red) and b (blue–yellow), and read the #RRGGBB — plus RGB, HSL, LCH, OKLCH, HWB and CMYK — instantly.

The conversion uses the D50 white point, the same convention as CSS, ICC profiles and Photoshop, so numbers you carry over from those tools land on the same color here. LAB is much bigger than the sRGB gamut, so extreme values are clipped to the closest color a screen can actually display.

How to Use This Tool

  1. Enter the LAB values. Use the L, a and b sliders or type numbers straight from a spec sheet or Photoshop's color panel.
  2. Read the HEX code. It leads the results with a live preview swatch of the exact rendered color.
  3. Watch the axes. Each slider shows a live gradient — drag a from -125 to 125 and watch the color sweep green to red.
  4. Copy what you need. Every format listed has a one-click copy button.

Common Use Cases

  • Photoshop to web: Carry a Lab-mode color into a stylesheet as HEX.
  • Brand specifications: Corporate color standards often publish LAB coordinates; convert them for digital use.
  • Measured colors: Turn spectrophotometer or colorimeter readings into on-screen equivalents.
  • Print-to-screen previews: Approximate how a LAB-specified ink color will look in a browser.
  • CSS modernization in reverse: Decode lab() values found in newer stylesheets into familiar HEX.

Going the other way? Use the HEX to LAB converter, work in polar form with LCH to HEX, or browse all our free color tools.

Frequently Asked Questions

How do I convert LAB to HEX?

Set L (0-100), a and b (each -125 to 125) with the sliders or number boxes. The tool converts through the XYZ color space to sRGB and shows the matching HEX code instantly.

Will Photoshop Lab values match here?

Yes. Photoshop’s Lab mode and this converter both use the D50 white point, so the same L, a, b numbers produce the same color. Small last-digit differences can appear because Photoshop rounds its display values.

Why do some LAB values produce a clipped color?

LAB can describe colors far outside what screens display, such as ultra-saturated yellows. When your values fall outside the sRGB gamut, the converter clips to the nearest displayable color, so several extreme inputs may map to the same HEX.

Why did my value change slightly after I moved a slider?

OKLCH, LCH and LAB can describe colors that no screen pixel can show. When a slider combination lands outside the sRGB range, the tool clips it to the nearest displayable color, so extreme chroma values may snap back once converted.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, nothing you enter is uploaded or logged, and the page keeps working offline once loaded.