Interpolating colors from different spaces: analogous components

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

What specific section or headline is this issue about?

What information was incorrect, unhelpful, or incomplete?

This section is complex and possibly beyond the scope of what needs to be contained in a color value page.

When is "Interpolating colors from different spaces: analogous components" needed to be understood? I think we should remove from here and include this in the <color-interpolation-method> page? and then link to it from here and any other place its relevant. In this page is is just going to confuse the reader.

What did you expect to see?

Only content that a developer looking for the basic color values would need to know.

Also, a few definitions are needed:

analogous, such as changing or prepending

X (0.2) in color(xyz 0.2 0.1 0.6) is analogous to R (50%) in rgb(50% 70% 30%).

to or with something like:

The X in XYZ and the R in RGB are analogous; they both represent the blue channel, so while similar in function they are different in structure and evolution. The X (0.2) in color(xyz 0.2 0.1 0.6) is approximately equal to, or analogous to, R (50%) in rgb(50% 70% 30%).

In #2, Convert both colors into the interpolation color space: I don't know what "the interpolation color space" is.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

* Folder: `en-us/web/css/color_value` * MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value * GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/color_value/index.md * Last commit: https://github.com/mdn/content/commit/2e65771838405cdbee68bd38fb27a2ce0b1832d9 * Document last modified: 2024-04-10T14:10:28.000Z

mdn / content