This is a very good walk-trough of how colour works on the web and I believe Sketch's approach is a sensible one.
It would help designers immeasurably if Chrome would actually fix this bug.
I agree. I really liked how to-the-point this article is. A while back when I started redesigning EatStreet iPhone app, I decided to spend time on having consistent colors in all products. It was hard to find something straightforward. This article is a great start in knowing about how colors work.
I still think they are mistaken HSL for HSB. Aren't these two different protocols?
Nope. Hue, Saturation, and Brightness or Lightness. Just different name for the same thing.
Edit : They're totally not. HSB is another name for HSV, and they are both different to HSL
Yes you are correct, HSV (Hue, Saturartion, Value), does not equal HSB/L (Hue Saturation Lightness/Brightnesss).
But you were asking if HSL = HSB, which it does, and that's what they talk about in the article, they don't even mention HSV.
I didn't notice there's an HSB. I was using HSL everyday but never heard HSB, so I thought they were talking about HSV when saying HSB. That's strange. Probably my mistake, I should double check if the HSB in Sketch is the same as HSL in CSS.
I got this on top result of Google searching
Image result for "HSB" color The HSB model is also known as HSV (Hue, Saturation, Value) model. The HSV model was created in 1978 by Alvy Ray Smith. It is a nonlinear transformation of the RGB color space.
And Wikipedia is telling:
HSL stands for hue, saturation, and lightness, and is also often called HLS. HSV stands for hue, saturation, and value, and is also often called HSB (B for brightness).
So, HSL is not HSB.
I stand very corrected haha, you are completely right, I am completely wrong. I did check the wikipedia article when I first replied, but I must've misread that part.
Edited my original reply.
I thought this was going to update the folder and group colors in Sketch. I can't tell the difference between those folders.