Skip to content

Commit 04ccce9

Browse files
committed
[css-color-hdr] Remove ICtCp, Jzazbz and JzCzhz from color() production, w3c#11713
1 parent 1c103fc commit 04ccce9

File tree

1 file changed

+34
-22
lines changed

1 file changed

+34
-22
lines changed

css-color-hdr-1/Overview.bs

Lines changed: 34 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -592,7 +592,16 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
592592
</pre>
593593
</div>
594594

595-
<!-- Big Text: ICTCP Jaz -->
595+
<!-- Big Text: ICTCP Jaz
596+
597+
████ ███▌ █████▌ ███▌ ████▌ █▌ ███▌ █████▌
598+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ ▐▌
599+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌
600+
▐▌ █▌ █▌ █▌ ████▌ █▌ █▌ █▌ █▌
601+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █████▌ █
602+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █
603+
████ ███▌ █▌ ███▌ █▌ ███▌ █▌ █▌ █████▌
604+
-->
596605

597606
<h2 id="DI-HDR">
598607
Device-Independent HDR Colors
@@ -719,7 +728,7 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
719728
<div class="example">
720729
This color represents the sRGB color "lime" in ''ICtCp''
721730
<pre>
722-
<span class="swatch" style="--color: lime"></span> color(ictcp 0.5393 -0.2643 -0.0625)
731+
<span class="swatch" style="--color: lime"></span> ictcp(0.5393 -0.2643 -0.0625)
723732
</pre>
724733
</div>
725734

@@ -731,7 +740,7 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
731740
It is the same color as sRGB ''white''.
732741
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
733742
<pre>
734-
<span class="swatch" style="--color: white"></span> color(ictcp 0.58069 0 0)
743+
<span class="swatch" style="--color: white"></span> ictcp(0.58069 0 0)
735744
</pre>
736745
</div>
737746

@@ -781,7 +790,7 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
781790
It is the same color as sRGB ''white''.
782791
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
783792
<pre>
784-
<span class="swatch" style="--color: white"></span> color(jzazbz 0.22207 -0.00016 -0.00012)
793+
<span class="swatch" style="--color: white"></span> jzazbz(0.22207 -0.00016 -0.00012)
785794
</pre>
786795
</div>
787796
<!--
@@ -825,27 +834,29 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
825834
<div class="example">
826835
This color represents the sRGB color "lime" in ''Jzazbz''
827836
<pre>
828-
<span class="swatch" style="--color: lime"></span> color(jzazbz 0.17542 -0.1179 0.1092)
837+
<span class="swatch" style="--color: lime"></span> jzazbz(0.17542 -0.1179 0.1092)
829838
</pre>
830839
and here is the same color in the polar form
831840
<pre>
832-
<span class="swatch" style="--color: lime"></span> color(jzczhz 0.17542 0.1614 132.50)
841+
<span class="swatch" style="--color: lime"></span> jzczhz(0.17542 0.1614 132.50)
833842
</pre>
834843
</div>
835844

836845
<h4 id='Jzazbz-to-JzCzHz'>
837-
Converting ''Jzazbz'' colors to ''JzCzHz'' colors</h4>
846+
Converting ''Jzazbz'' colors to ''JzCzhz'' colors</h4>
838847

839-
Conversion to ''JzCzHz'' is trivial:
848+
Conversion to ''JzCzhz'' is trivial:
840849

841850
<ol>
842-
<li>Hz = atan2(bz, az) // but convert to degrees!
851+
<li>hz = atan2(bz, az) // but convert to degrees!
843852
<li>Cz = sqrt(az^2 + bz^2)
844853
<li>Jz is the same
845854
</ol>
855+
856+
In addition, practical code should return a ''none'' value if Cz is less than ε.
846857

847858
<h4 id='JzCzHz-to-Jzazbz'>
848-
Converting JzCzHz colors to Jzazbz colors</h4>
859+
Converting JzCzhz colors to Jzazbz colors</h4>
849860

850861
Conversion to ''Jzazbz'' is trivial:
851862

@@ -855,15 +866,20 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
855866
<li>Jz is the same
856867
</ol>
857868

869+
In addition, practical code should check for a ''none'' value
870+
for hz.
871+
872+
873+
858874
<!-- Big Text: color()
859875

860-
███▌ ███▌ █▌ ███▌ ████▌ ██ ██
861-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
862-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
863-
█▌ █▌ █▌ █▌ █▌ █▌ ████▌ █▌ ▐█
864-
█▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
865-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
866-
███▌ ███▌ █████ ███▌ █▌ █▌ ██ ██
876+
███▌ ███▌ █▌ ███▌ ████▌ ██ ██
877+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
878+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
879+
█▌ █▌ █▌ █▌ █▌ █▌ ████▌ █▌ ▐█
880+
█▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
881+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
882+
███▌ ███▌ █████ ███▌ █▌ █▌ ██ ██
867883
-->
868884

869885
<h2 id="color-function">
@@ -883,13 +899,9 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
883899
Its syntax is now as follows:
884900

885901
<pre class='prod'>
886-
<dfn>&lt;colorspace-params></dfn> = [<<custom-params>> | <<predefined-rgb-params>> |
887-
<<predefined-polar-params>> | <<predefined-rectangular-params>> | <<xyz-params>>]
888-
<dfn>&lt;predefined-polar-params></dfn> = jzczhz [ <<number>> | <<percentage>> | none ]{2} [ <<hue>> | none]
889-
<dfn>&lt;predefined-rectangular-params></dfn> = <<predefined-rectangular>> [ <<number>> | <<percentage>> | none ]{3}
902+
<dfn>&lt;colorspace-params></dfn> = [<<custom-params>> | <<predefined-rgb-params>> | <<xyz-params>>]
890903
<dfn>&lt;predefined-rgb></dfn> = srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 |
891904
rec2100-pq | rec2100-hlg | rec2100-linear
892-
<dfn>&lt;predefined-rectangular></dfn> = jzazbz | ictcp
893905
</pre>
894906

895907

0 commit comments

Comments
 (0)