Email or username:

Password:

Forgot your password?
Jim Nielsen

Great graphic: one line of CSS, many results (all due to color space)

9 comments
Sara Joy :happy_pepper:

@jimniels so pretty but also... Wtf?

Yes, people have already told me why some go through green - or purple - or pink! to get from white to blue, and it's probably very clever in some way but.. also wrong, no? Not what I'd expect or want.

Pretty and unintuitive.

Jim Nielsen

@sarajw yeah I’ve heard all the words behind this, which made sense in my brain, but when I saw it, it was a different reaction entirely ha

Dan V Peterson

@jimniels The OKLCH result bums me out, I would have expected it to be the same as OKLab. I wonder if that is browser dependent or if it’s something that may change in an update.

Jim Nielsen

@danvpeterson I was surprised (and a bit bummed) by so much in this graphic ha. I think I’m still processing it

Amelia Bellamy-Royds

@jimniels *due to color spaces AND browser bugs

(the gradient renderings here are incorrectly assuming a color-space-specific "starting hue" for white, instead of treating it as a neutral that matches whatever you're blending with, as required by the CSS spec)

Sara Joy :happy_pepper:

@AmeliaBR @jimniels oh good. So I'm not crazy for finding this so off and weird.

Amelia Bellamy-Royds

@sarajw You're not! The spec has been really carefully thought through to define natural & intuitive colour transitions. But it requires implementation to keep track of null-like values when converting between colour formats, & clearly that required a degree of digging up old code that hasn't been done yet. (Also suggests there may be gaps in the test suite.) @jimniels

Go Up