Named Color to Lab Converter

Converted Lab Output --
100%

Wide-Gamut & Linear Formats

Modern CSS color space notations derived from this color

Contrast Analysis (WCAG 2.1)

Checks the converted color against foreground or background targets for accessibility compliance.

Translating Keywords to CIELAB

Enter a CSS color name into the input field to convert it into the CIELAB (Lab) color space. The tool processes the keyword through a multi-step pipeline: mapping the name to sRGB, linearizing the light values, converting to the CIE XYZ reference space, and finally transforming it into the perceptual Lab axes.

Measuring Color Difference

One of the primary reasons to convert a named color into Lab space is to measure color difference, known in color science as Delta E (ΔE).

Because Lab is perceptually uniform, you can calculate the exact visual distance between two colors. If you want to know exactly how much visual difference exists between the CSS colors darkblue and midnightblue, you must convert both of them to Lab coordinates first. Once in Lab space, a standard Euclidean distance formula will tell you exactly how similar they appear to the human eye.

Related Tools