Color Scale Generator
Interpolate an even scale between two or more colours.
Convert CIELAB to HEX and RGB, and measure ΔE between colours.
The CIEDE2000 difference between the two is shown below.
The lab() value appears here
The LAB Color Converter moves between CIELAB and sRGB in both directions and measures CIEDE2000 ΔE between any two colours — the number print quality control is actually written against.
CIELAB places a colour in three dimensions: L for lightness from 0 to 100, a for green through red, and b for blue through yellow. It was designed in 1976 to be perceptually uniform, meaning equal numeric distances should look like equal differences, and it is still the space colour science and the printing industry measure in.
That is what makes it useful here rather than just historical. Because distances in LAB correspond to perceived differences, it is where ΔE is calculated — the number quality control uses to decide whether a printed sheet matches the proof, or whether two batches of dye are the same colour.
This converter goes both ways and includes a ΔE comparison between any two colours using CIEDE2000, the current formula, with a plain reading of what the result means. CSS lab() values are produced as well, since CSS Color 4 made the space directly available in stylesheets.
CIEDE2000 between any two colours, with the plain-language reading of what the number means.
Ready to paste, since CSS Color 4 made the space directly usable in a stylesheet.
HEX in to see the components, or components in to see the colour.
The white point sRGB and CSS use, stated explicitly so figures from a D50 print tool can be reconciled.
a runs green to red, b blue to yellow, and both are zero for any neutral grey — shown on the page, not assumed.
A HEX code to see its LAB components, or lab() values to convert the other way.
L, a and b, with the CSS lab() notation ready to copy.
Add a second colour to get the CIEDE2000 ΔE between them.
The ΔE is translated into what it means: invisible, slight, noticeable or clearly different.
They are opponent axes: a runs from green (negative) to red (positive), b from blue (negative) to yellow (positive). Both are zero for a neutral grey, whatever its lightness.
It is the industry answer to "is this close enough". A ΔE under 1 is invisible, under 2 is acceptable for most commercial print, and above 5 is a different colour. Contracts are written against these numbers.
Approximately. It is far better than RGB, but it has known weaknesses — particularly in blue, where interpolating between two blues drifts toward purple. OKLab was designed to correct this and is the better choice for gradients.
D65, which is what sRGB uses and what CSS specifies for lab(). Print workflows often use D50 instead, so figures from a print colour tool may differ slightly.
What people who use the LAB Color Converter think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
0 reviews
Newest first
No reviews yet
Be the first to rate the LAB Color Converter. It takes half a minute and no account.
Write the first reviewInterpolate an even scale between two or more colours.
Build conic gradients — pie charts, colour wheels and sweeps.
Score a colour pair with APCA, the contrast model behind WCAG 3.
Find the closest named colour to any HEX code.
Build radial gradients with full control of shape and position.
See your colours as the eight percent of men who see them differently do.
The 216 web-safe colours, and why they no longer matter.
Pick colours in OKLCH, the space modern CSS is built on.