RGB to LAB converter
Paste a RGB color to get its LAB value, or pick a color. Every other CSS format updates as you type, and any value copies in one click.
Common colors in RGB and LAB
| Color | RGB | LAB |
|---|---|---|
| Blue | rgb(59, 130, 246) | lab(54.62% 8.77 -65.79) |
| Red | rgb(239, 68, 68) | lab(55.79% 65.62 40.8) |
| Green | rgb(34, 197, 94) | lab(70.22% -57.99 39.44) |
| Amber | rgb(245, 158, 11) | lab(72.79% 26.94 75.43) |
| Violet | rgb(139, 92, 246) | lab(50.69% 45.86 -71.8) |
| Slate | rgb(100, 116, 139) | lab(48.16% -1.93 -14.72) |
| White | rgb(255, 255, 255) | lab(100% 0 0) |
| Black | rgb(0, 0, 0) | lab(0% 0 0) |
Why convert to LAB?
LAB describes color independently of any screen, which makes it useful for color matching, print and measuring the difference between two colors.
Color formats explained
- HEX
- Six hexadecimal digits for red, green and blue, like #3B82F6. Add two more digits for opacity (#3B82F680 is 50%). The most common way to write a color in CSS and design tools.
- RGB and RGBA
- Red, green and blue channels from 0 to 255, like rgb(59, 130, 246). RGBA adds an alpha channel from 0 (transparent) to 1 (opaque): rgba(59, 130, 246, 0.5).
- HSL and HSLA
- Hue in degrees, then saturation and lightness as percentages, like hsl(217, 91%, 60%). Easier to tweak by hand than RGB: change the hue to get a new color with the same feel.
- OKLCH
- Perceptual lightness, chroma and hue, like oklch(62.31% 0.188 259.81). Equal steps in lightness look equal to the eye, which makes OKLCH the best format for building shade scales and themes. Supported in every modern browser and used by Tailwind CSS v4.
- LAB
- CIE Lab: lightness plus two color axes, a (green to red) and b (blue to yellow), like lab(54.62% 8.77 -65.79). Device-independent and used for color matching and print workflows.
Color converters
- HEX to RGB
- HEX to HSL
- HEX to OKLCH
- HEX to LAB
- RGB to HEX
- RGB to HSL
- RGB to OKLCH
- RGB to LAB
- HSL to HEX
- HSL to RGB
- HSL to OKLCH
- HSL to LAB
- OKLCH to HEX
- OKLCH to RGB
- OKLCH to HSL
- OKLCH to LAB
- LAB to HEX
- LAB to RGB
- LAB to HSL
- LAB to OKLCH
Need every format at once? Use the color picker. To turn one color into a full scale, try the shades generator.