|
21 | 21 | } |
22 | 22 | ] |
23 | 23 | }, |
| 24 | + { |
| 25 | + "html": "Conversion to the polar form is trivial:", |
| 26 | + "rationale": "if", |
| 27 | + "steps": [ |
| 28 | + { |
| 29 | + "html": "C = sqrt(a^2 + b^2)" |
| 30 | + }, |
| 31 | + { |
| 32 | + "html": "if (C > epsilon) H = atan2(b, a) else H is missing" |
| 33 | + }, |
| 34 | + { |
| 35 | + "html": "L is the same" |
| 36 | + } |
| 37 | + ] |
| 38 | + }, |
24 | 39 | { |
25 | 40 | "html": "Conversion to the rectangular form is trivial:", |
26 | 41 | "rationale": "if", |
|
137 | 152 | "rationale": "if", |
138 | 153 | "steps": [ |
139 | 154 | { |
140 | | - "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-polrect\"></a>If <var>src</var> is in a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color①\">cylindrical polar color</a> representation,\n\tfirst convert <var>col1</var> to the corresponding <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#rectangular-orthogonal-color\" id=\"ref-for-rectangular-orthogonal-color①\">rectangular orthogonal color</a> representation\n\tand let this be the new <var>col1</var>. Replace any <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#missing-color-component\" id=\"ref-for-missing-color-component⑦\">missing component</a> with zero." |
| 155 | + "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-polrect\"></a>If <var>src</var> is in a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color②\">cylindrical polar color</a> representation,\n\tfirst convert <var>col1</var> to the corresponding <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#rectangular-orthogonal-color\" id=\"ref-for-rectangular-orthogonal-color①\">rectangular orthogonal color</a> representation\n\tand let this be the new <var>col1</var>. Replace any <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#missing-color-component\" id=\"ref-for-missing-color-component⑦\">missing component</a> with zero." |
141 | 156 | }, |
142 | 157 | { |
143 | 158 | "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-tolinear\"></a>If <var>src</var> is not a linear-light representation,\n\tconvert it to linear light (undo gamma-encoding)\n\tand let this be the new <var>col1</var>." |
|
149 | 164 | "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-CAT\"></a>If <var>dest-white</var> is not the same as <var>src-white</var>,\n\tchromatically adapt <var>xyz</var> to <var>dest-white</var> using a linear Bradford <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#chromatic-adaptation-transform\" id=\"ref-for-chromatic-adaptation-transform\">chromatic adaptation transform</a>,\n\tand let this be the new <var>xyz</var>." |
150 | 165 | }, |
151 | 166 | { |
152 | | - "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-destpolar\"></a>If <var>dest</var> is a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color②\">cylindrical polar color</a> representation,\n\tlet <var>dest-rect</var> be the corresponding <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#rectangular-orthogonal-color\" id=\"ref-for-rectangular-orthogonal-color②\">rectangular orthogonal color</a> representation.\n\tOtherwise, let <var>dest-rect</var> be <var>dest</var>." |
| 167 | + "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-destpolar\"></a>If <var>dest</var> is a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color③\">cylindrical polar color</a> representation,\n\tlet <var>dest-rect</var> be the corresponding <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#rectangular-orthogonal-color\" id=\"ref-for-rectangular-orthogonal-color②\">rectangular orthogonal color</a> representation.\n\tOtherwise, let <var>dest-rect</var> be <var>dest</var>." |
153 | 168 | }, |
154 | 169 | { |
155 | 170 | "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-fromXYZ\"></a>Convert <var>xyz</var> to <var>dest</var>,\n\tfollowed by applying any transfer function (gamma encoding),\n\tproducing <var>col2</var>." |
|
158 | 173 | "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-display\"></a>If <var>dest</var> is a physical output color space, such as a display,\n\tthen <var>col2</var> must be <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#css-gamut-mapped\" id=\"ref-for-css-gamut-mapped③\">css gamut mapped</a> so that it <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#can-be-displayed\" id=\"ref-for-can-be-displayed\">can be displayed</a>." |
159 | 174 | }, |
160 | 175 | { |
161 | | - "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-rectpol\"></a>If <var>dest-rect</var> is not the same as <var>dest</var>,\n\tin other words <var>dest</var> is a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color③\">cylindrical polar color</a> representation,\n\tconvert from <var>dest-rect</var> to <var>dest</var>, and let this be <var>col2</var>.\n\tThis may produce <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#missing-color-component\" id=\"ref-for-missing-color-component⑧\">missing component</a>s." |
| 176 | + "html": "<a class=\"self-link\" href=\"https://drafts.csswg.org/css-color-4/#convert-rectpol\"></a>If <var>dest-rect</var> is not the same as <var>dest</var>,\n\tin other words <var>dest</var> is a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#cylindrical-polar-color\" id=\"ref-for-cylindrical-polar-color④\">cylindrical polar color</a> representation,\n\tconvert from <var>dest-rect</var> to <var>dest</var>, and let this be <var>col2</var>.\n\tThis may produce <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-color-4/#missing-color-component\" id=\"ref-for-missing-color-component⑧\">missing component</a>s." |
162 | 177 | } |
163 | 178 | ] |
164 | 179 | }, |
|
0 commit comments