#526: CSS color-mix function
Discussions
2020-08-17
Rossen: It looks like a number of the issues and new syntax has been addressed.
Alice: Yes, the new syntax is pretty good. The explainer looks good too. ... It would be interested to understand what happens when mixing in LCH as this isn't covered in the explainer but are in the spec. How would that work and what would it mean? Not clear on the utility of that.
Tess: I don't really have good understanding of Color in terms of mixing, i.e. this feature. Ideally the explainer should be good enough for someone like me to understand what's going on, how do I use it and what to expect.
Alice: This part is only in the spec and not very clear there either.
All: Conversation about how we, TAG, should be engaging and providing feedback to design requests that are driven by others than those who wrote the spec.
Alice: The explainer does motivate the feature and is really good. The one detail about the hue interpolation in the spec looses me and it would be great to understand it. Why are there values other than shorter?
Peter: Mostly when you're doing intepolations for transitions or animations. As clolor is a 3D space, the curves you get during interpolation between short and/or long path will give you very different light color values that you want authors to have access to. Maybe there are other cases when you're simply mixing between two things, why would you need anything else other than shorter?...
Alice: That satisfies my curiosity, thank you. Suggest we close as satisfied and open a bug with the spec.
OpenedJun 17, 2020
Saluton TAG!
I'm requesting a TAG review of the CSS color-mix function.
color-mix takes two color specifications and returns the result of mixing them, in a given colorspace, by a specified amount. For example,
color-mix(red yellow 40%)
produces a mixture of 40% red and 60% yellow.Further details:
We'd prefer the TAG provide feedback as (please delete all but the desired option):
💬 leave review feedback as a comment in this issue and @-notify @kbabbitt