Docs: mapping of color space names - CSS space ids/function names, Color.js serialized, and Color.js space ids

[sidewayss]

The attached pdf and Excel files are a matrix of the three different versions of string color space ids/names/tokens. The docs should include a version of this matrix and an explanation of the rules for creating derived versions of the names, like the serialized --a98-rgb-linear versus rec2100pq.

color space names.pdf
color space names.xlsx

[svgeesus]

Nice, although it is missing color space names from the (very new) CSS Color HDR

[sidewayss]

Any idea when those new color spaces be available in browsers?

[sidewayss]

I updated the pdf and xlsx files to include the new CSS HDR color spaces, in gray. Note that Color.js has REC2020 linear, but not REC2100 linear. It's the only one of the new spaces not currently supported by Color.js. Note that the Color.js ids/serialized names for REC2100-HLG and -PQ are now mismatched with CSS too. But now the only non-CSS serialized value that doesn't start with "--" is lab-d65.

[svgeesus]

Note that Color.js has REC2020 linear, but not REC2100 linear. It's the only one of the new spaces not currently supported by Color.js.

Because we define these spaces over the extended range, and because these two use a linear-light transfer function, and because they use the same primary chromaticities and white point, they are two names for the same thing. See

• Support rec2100-linear? #443

[svgeesus]

Any idea when those new color spaces be available in browsers?

Around the same time that Canvas HDR is supported in browsers.

[svgeesus]

Note that the Color.js ids/serialized names for REC2100-HLG and -PQ are now mismatched with CSS too

Yes we should fix those serialized forms in color.js