HUSL – A human-friendly alternative to HSL
husl-colors.org
husl-colors.org
As for the color space, I can understand the idea, but personally I think both HuSL and HuSLp are quite far from human friendly in practice, either for manual color selections or programming heuruistic color choices. In the case of HuSL, the numerical values for “saturation” are useless for comparisons across lightnesses or hues, and in the case of HuSLp, the very limited gamut of RGB displays in certain hues ends up leaving the majority of display colors outside of the HuSLp gamut, while still leaving the saturation numbers somewhat useless for comparisons across lightnesses.
I think end users would be better served by just using a cylindrical representation of CIELUV directly (or actually CIELAB, IPT, or CIECAM02 would be better still for most UI purposes I think, even in the context of computer displays, or perhaps NCS for certain use cases). HuSL is better than HSL/HSV, but that’s a very low bar.
It was, indeed, originally based on HuSL, but I later realized I could get a more meaningful picker by just constraining the chroma component not to go beyond the maximum in-gamut chroma for the given lightness and hue.
I mean, I never can trust any studies that say "70% of respondents told us that these colors have brightness of 60%, although, technically speaking, this color is brighter that that, so it's a property of human eye to perceive these shades brighter than these" for several reasons. I can trust a physical definition of brightness, or as simple definition of color as RGB. There's real meaning to that. But what one actually means, when he says "this color is 60% bright"? It is totally a matter of his learning experience, that made his definition of "bright" to be what it is. If one spends enough time working with RGB, he can guess hex-codes closely enough, for him it would be intuitive, as his mental model of color was developed with RGB as a guide. But I doubt any newcomer can say RGB is "intuitive". Intuitive understanding of any tool comes with real experience of using it. So it's not about how intuitive tool looks, but how effective it is after you learn how to use it.
So, yeah, at a first glance HUSL looks "intuitive", but I cannot say if it's a good thing or a bad one, without actually trying to pick colors using that scheme.
It seems that, although CIELUV and CIELAB were considered equally good when adopted in 1976, CIELAB has generally been preferred more recently (e.g. for the 1994 and 2000 "Delta E" formulae [1]).
In theory, CIELUV is a bit more directly relevant to colored lights or images on a television / computer display, whereas CIELAB is defined for surface colors. In practice, CIELUV just isn’t a very good uniform model of human color vision, and CIELAB is somewhat better (even for display colors) while still being quite easy to compute.
The reason color difference measures are defined with reference to CIELAB coordinates is that they are typically used for specifying tolerances on surface colors in industry. For instance, you might specify that a particular textile or paint color must be within a particular perceptual distance of a target color. CIELUV wouldn’t make any sense for such a use case.
Personally, I’d recommend people move on to use IPT or CIECAM02 or something similar instead.
Comparison: http://www.husl-colors.org/#comparison Demo: http://www.husl-colors.org/syntax/#506055
http://xqt2.com/p/colours_sim_HUSL.html
You can toggle between normal HSL and HUSL. I find that the greens are too suppressed for my liking.
HUSL rocks, I wish all color pickers had it.
I initially figured it was because of the MacBook Pro retina monitor is good, but I hear the same complaints from other people on the same (or similar) set ups.
Is it a world of difference between monitor calibrations, or human eyes, or both?!
Get a Lenovo huey or a Colorhug, correct your monitor, and you'll see what I mean.
On the web, you don't really know what you'll run into. You should aim for a level of contrast so sharp that it borders on uncomfortable, so that when the contrast between your colour selections is less than you thought, it'll still at least be legible.
I work in an office full of Mac users, and I'm among maybe three people who don't use Macs for work at the company.
All of the non-Apple monitors in the company are not correctly calibrated and lack colour profiles (and are by default not configured correctly either).
I recently bought a colorimeter, and calibrated all of my displays(including my external displays); after doing this I realized that the colour on my monitors most closely resembled the default colour response on the MacBook Pros in the office.
My colleagues(who admittedly didn't understand colour calibration at all, even the designers) are under the impression that Apple profiles and calibrates the panels at the factory(and presumably ships custom profiles for the factory state of the panel).
I think it's probably cruder than that. It's likely that they ship one profile for an entire family of panels, which gets it closer but doesn't account for time and manufacturing variances.
The swatches at the bottom of this Wikipedia article show the difference.
https://en.wikipedia.org/wiki/HSL_and_HSV
CIE* gets you more comparative, perceptive uniformity however when picking a color that's almost exactly what you don't care about.
Author would benefit from an art class and/or two hours reading the mind-numbing tech documentation around color theory.
When you pick a color you're picking it relative to one already on screen -- or something in your mind's eye. This color picker does not help solve either problem.
If you look at the paint chips in the store -- or the Pantone books -- you'll see they're organized a certain way. Often you pick the color and then you tweak the saturation and brightness. I do it all day every day. Even the dorkky CSS pre-processors have features for tweaking saturation and lightness. It's what artists do.
This tool makes a mess of saturation in particular.
Meanwhile nobody's demanding to do Delta-E crossfades on #ffffcc vs #ffccff in SASS. Hmm. I wonder why.
Color picking is often handled by swatches and fanning out real-world books of similar tones. Fiddling with a computer is great, and if you think it's important that your screensaver randomly pick cool colors -- hey, if this helps you, go for it.
You're likely far better off limiting the color cube a different way. Perhaps by popularity, or culture, or by simply typing in a couple dozen colors that don't look like shit and calling it done.