4 ms·

What is the LAB color space that is provided in the tool but not discussed in the article? For all the hubbub about HSL and HCL, LAB looks the best to me.

deltron3030 5y ago
This is another cool tool: https://leonardocolor.io/ https://leonardocolor.io/ You can compare monochromatic scales between various color space interpolations and order them by contrast (great for accessibility work). Lab is from the 70s, the newest one there is CIECAM2 from the 2000s, also looking most natural to my eyes.
burticlies 5y ago
It’s a color space designed to be perceptually uniform. So as you blend through colors the saturation appears to stay the same. Check some of the reds and greens in the other color spaces and see how they get really saturated. https://en.m.wikipedia.org/wiki/CIELAB_color_space https://en.m.wikipedia.org/wiki/CIELAB_color_space
- deleted 5y ago
  [deleted]
- deleted 5y ago
  [deleted]
deleted 5y ago
[deleted]
s1mon 5y ago
LAB is one of the better ways to to start with perceptually uniform spacing of the colors. Also if the path through the color space avoids A and B being near 0, then the gray dead zone problem that this talks about goes away. There are multiple ways to look at differences in LAB space unfortunately. Each one more mathematically complex, yet more perceptually accurate: http://zschuessler.github.io/DeltaE/learn/ http://zschuessler.github.io/DeltaE/learn/ For a ton of useful equations and calculators: http://www.brucelindbloom.com/index.html http://www.brucelindbloom.com/index.html
- andreareina 5y ago
  HCL is also perceptually uniform and easier to interpret and predict what any given change is going to do.
OJFord 5y ago
Maybe it's not discussed because in CSS it's only supported by Safari (so far): https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab https://developer.mozilla.org/en-US/docs/Web/CSS/color_value...()

deltron3030 5y ago

This is another cool tool: https://leonardocolor.io/ https://leonardocolor.io/ You can compare monochromatic scales between various color space interpolations and order them by contrast (great for accessibility work). Lab is from the 70s, the newest one there is CIECAM2 from the 2000s, also looking most natural to my eyes.

burticlies 5y ago

It’s a color space designed to be perceptually uniform. So as you blend through colors the saturation appears to stay the same. Check some of the reds and greens in the other color spaces and see how they get really saturated. https://en.m.wikipedia.org/wiki/CIELAB_color_space https://en.m.wikipedia.org/wiki/CIELAB_color_space

deleted 5y ago
[deleted]
deleted 5y ago
[deleted]

deleted 5y ago

[deleted]

s1mon 5y ago

LAB is one of the better ways to to start with perceptually uniform spacing of the colors. Also if the path through the color space avoids A and B being near 0, then the gray dead zone problem that this talks about goes away. There are multiple ways to look at differences in LAB space unfortunately. Each one more mathematically complex, yet more perceptually accurate: http://zschuessler.github.io/DeltaE/learn/ http://zschuessler.github.io/DeltaE/learn/ For a ton of useful equations and calculators: http://www.brucelindbloom.com/index.html http://www.brucelindbloom.com/index.html

andreareina 5y ago
HCL is also perceptually uniform and easier to interpret and predict what any given change is going to do.

OJFord 5y ago

Maybe it's not discussed because in CSS it's only supported by Safari (so far): https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab https://developer.mozilla.org/en-US/docs/Web/CSS/color_value...()