Re: [csswg-drafts] [css-color][css-images] Interpolation method / color space that favors chroma over lightness (#10135)

> This can easily be seen as a feature instead of a bug

totally. if you're entering into this new color territory hearing there's more vibrant colors and you want to emulate vibrant gradient desktop backgrounds, then clipping delivers, and does so minimally.

> Is there a broad use case for interpolating in such a way that colors are as vibrant as possible between colors?

gradients? like you're showing and noticing here. in nearly every instance i want to make them. i havent seen a single gradient i prefer mapping vs clipping. it's almost as if clipping is more desirable in all cases except when you're trying to use it for vibrant AND accessible calculated combinations. in those cases, preserving the lightness helps with the 2nd part of that intent, the accessible part. the solution tho is pretty simple, drop chroma in the math. i'm currently careful with my chroma usage when building dynamic palettes but liberal with it when making gradients. sometimes pushing the chroma far out can yield some [really juicy and smooth gradients](https://gradient.style/#type=linear&space=oklab&linear_named_angle=to+bottom+left&linear_angle=238&stops=%7B%22kind%22%3A%22stop%22%2C%22color%22%3A%22oklch%2855%25+.45+350%29%22%2C%22auto%22%3A0%2C%22position1%22%3A0%2C%22position2%22%3A0%7D&stops=%7B%22kind%22%3A%22hint%22%2C%22auto%22%3A50%2C%22percentage%22%3A50%7D&stops=%7B%22kind%22%3A%22stop%22%2C%22color%22%3A%22oklch%2895%25+.4+95%29%22%2C%22auto%22%3A100%2C%22position1%22%3A100%2C%22position2%22%3A100%7D).

> Has there been any research into this?

[HCT](https://material.io/blog/science-of-color-design) seeks to strike a balance here, with a reliable lightness lever while also enabling vibrant gradients and nice interpolation. 

#### observations

1. the vibrant result is easy to achieve without special knowledge about underlying implementation behaviors
2. will continue to stay vibrant across various screen capabilities over time
3. vibrance without knowing anything about the device gamut or adding additional color stops, like a very naive request for a powerful color results in a powerful color
4. gradients with mapping often look like a narrow gamut gradient next to a a clipped gradient which looks wide gamut, so convincing a designer for example, is hard since their eye is naturally drawn to the juicier gradient

-- 
GitHub Notification of comment by argyleink
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10135#issuecomment-2018901354 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 25 March 2024 20:57:08 UTC