Can you tell me what makes it better for those than RGB or HSL?
-
-
The L component in HSL is meant to describe the colors that your display can reproduce. Are the lights on your display turned up to the max? Are they turned all the way off? What it does not describe is how we perceive the lightness of the resulting color.
1 reply 0 retweets 1 like -
Replying to @webdesserts @mwichary and
As many designers are taught, colors of some hues are inherently brighter than others. In HSL, L @ 100% for yellow is going to be much brighter than L @ 100% for blue. Consequently HSL generally fails for many things like readability, color transitions, and graidents.
1 reply 0 retweets 1 like -
Replying to @webdesserts @mwichary and
Color spaces like CIELuv & CIELab try to base their "Lightness" component on "percieved" lightness rather than a display's capabilities. With these color spaces, you can swap a green of L:30 and a blue of L:30 and almost guarantee that text will remain equally legible on top.
1 reply 0 retweets 0 likes -
Replying to @webdesserts @mwichary and
That said, CIELuv & CIELab are infamously unusable because their values aren't clamped to a perfect square or cylinder like RGB & HSL. This means that you can rely on a clean 0-100% Lightness. For example a yellow at L:10 does not exist in reality, so it would return an error.
1 reply 0 retweets 0 likes -
Replying to @webdesserts @mwichary and
LCHab & LCHuv help with this a little as it brings the colors closer to the HSL Color Space that we're familiar with. But it still lacks a clean range of values. Even still, these color spaces are a great way to design color systems once you understand them.
1 reply 0 retweets 0 likes -
Replying to @webdesserts @mwichary and
HSLuv is a fairly new addition that sacrifices some of the accuracy of CIELuv for the usability of those clean 0-100 ranges that we're used to with HSL: http://www.hsluv.org/comparison/
1 reply 0 retweets 0 likes -
Replying to @webdesserts @mwichary and
In HSLuv saturation across hues is inconstant, but lightness across hues is. For me, when designing a color palette, this is fine as saturation is generally my last concern: L: will this text be legible on this background? H: what does this color "mean"? S: primarily branding
1 reply 0 retweets 1 like -
Replying to @webdesserts @mwichary and
Anyway, sorry for the tweetstorm. For more reading on the problems of RGB & HSL, and why HSLuv was created, feel free to read on the topic from the creator here: http://www.boronine.com/2012/03/26/Color-Spaces-for-Human-Beings/ …
1 reply 0 retweets 0 likes -
Replying to @webdesserts @mwichary and
Now than I think about it
@jlfwong works for y'all so I'm probably wasting my breath here lol. Well at least take the above as my thoughts on these colors spaces and why I use them.2 replies 0 retweets 0 likes
No, this is super useful!
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.