Great graphic: one line of CSS, many results (all due to color space)
9 comments
@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 @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. @danvpeterson I was surprised (and a bit bummed) by so much in this graphic ha. I think I’m still processing it @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) @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 |
@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.