[css-color-hdr] Extend color-functions type for ictcp(), jzazbz() and jzczhz(), including relative colors #11713

Author: svgeesus

css-color-hdr-1/Overview.bs

@@ -498,6 +498,44 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 	</pre>
 	</div>
 
+<!-- Big Text:  <color> 
+
+   █▌  ███▌   ███▌  █▌     ███▌  ████▌  █▌   
+  █▌  █▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌  █▌  █▌  
+ █▌   █▌     █▌  █▌ █▌    █▌  █▌ █▌  █▌   █▌ 
+█▌    █▌     █▌  █▌ █▌    █▌  █▌ ████▌     █▌
+ █▌   █▌     █▌  █▌ █▌    █▌  █▌ █▌▐█     █▌ 
+  █▌  █▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌ ▐█   █▌  
+   █▌  ███▌   ███▌  █████  ███▌  █▌  █▌ █▌   
+-->
+
+<h2 id="color-syntax">The <<color>> syntax</h2>
+
+	This module extends the <<color-function>> type:
+
+	<pre class='prod'>
+	<dfn>&lt;color-function></dfn> = <<rgb()>> | <<rgba()>> |
+			<<hsl()>> | <<hsla()>> | <<hwb()>> |
+			<<lab()>> | <<lch()>> | <<oklab()>> | <<oklch()>> |
+			<<ictcp()>> | <<jzazbz()>> | <<jzczhz()>> |
+			<<color()>>
+	<dfn>ictcp()</dfn> = ictcp([from <<color>>]?
+		[<<percentage>> | <<number>> | none]
+		[<<percentage>> | <<number>> | none]
+		[<<percentage>> | <<number>> | none]
+		[ / [<<alpha-value>> | none] ]? )
+	<dfn>jzazbz()</dfn> = jzazbz([from <<color>>]?
+		[<<percentage>> | <<number>> | none]
+		[<<percentage>> | <<number>> | none]
+		[<<percentage>> | <<number>> | none]
+		[ / [<<alpha-value>> | none] ]? )
+	<dfn>jzczhz()</dfn> = jzczhz([from <<color>>]?
+		[<<percentage>> | <<number>> | none]
+		[<<percentage>> | <<number>> | none]
+		[<<hue>> | none]
+		[ / [<<alpha-value>> | none] ]? )
+	</pre>
+
 <!-- Big Text:  hdr-color() 
 
 █▌  █▌ ████▌  ████▌         ███▌   ███▌  █▌     ███▌  ████▌    ██ ██  
@@ -799,7 +837,7 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 			https://github.com/color-js/color.js/issues/613#issuecomment-2666872133
 		-->
 
-<dfn export>JzCzhz</dfn> {#JzCzHz}
+<dfn export>JzCzhz</dfn> {#JzCzhz}
 -----------------
 
 		Similar to LCH, which is the polar representation of Lab,
@@ -873,13 +911,13 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 
 <!-- Big Text:  color() 
 
- ███▌   ███▌  █▌     ███▌  ████▌    ██  ██  
-█▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌  █▌  █▌    ▐█ 
-█▌     █▌  █▌ █▌    █▌  █▌ █▌  █▌ █▌      ▐█
-█▌     █▌  █▌ █▌    █▌  █▌ ████▌  █▌      ▐█
-█▌     █▌  █▌ █▌    █▌  █▌ █▌▐█   █▌      ▐█
-█▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌ ▐█   █▌    ▐█ 
- ███▌   ███▌  █████  ███▌  █▌  █▌   ██  ██  
+ ███▌   ███▌  █▌     ███▌  ████▌    ██ ██  
+█▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌  █▌  █▌   ▐█ 
+█▌     █▌  █▌ █▌    █▌  █▌ █▌  █▌ █▌     ▐█
+█▌     █▌  █▌ █▌    █▌  █▌ ████▌  █▌     ▐█
+█▌     █▌  █▌ █▌    █▌  █▌ █▌▐█   █▌     ▐█
+█▌  █▌ █▌  █▌ █▌    █▌  █▌ █▌ ▐█   █▌   ▐█ 
+ ███▌   ███▌  █████  ███▌  █▌  █▌   ██ ██  
 -->
 
 <h2 id="color-function">