Skip to content

Commit 08c2868

Browse files
committed
[css-color-hdr][editorial] Add examples of sRGB white in various color spaces
1 parent 5585f16 commit 08c2868

File tree

1 file changed

+47
-7
lines changed

1 file changed

+47
-7
lines changed

css-color-hdr-1/Overview.bs

Lines changed: 47 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ Shortname: css-color-hdr
55
Level: 1
66
Status: ED
77
Group: csswg
8-
TR: https://www.w3.org/TR/css-color-hdr/
8+
TR: https://www.w3.org/TR/css-color-hdr-1/
99
ED: https://drafts.csswg.org/css-color-hdr-1/
1010
Work Status: exploring
1111
Editor: Chris Lilley, W3C, https://svgees.us/, w3cid 1438
@@ -479,15 +479,16 @@ Predefined color spaces for HDR: {#predefined-HDR}
479479
This color can be displayed for long periods,
480480
or used for subtitles,
481481
on any sized area of the screen.
482-
Diffuse white is 203 cd/m².
482+
It is the same color as sRGB ''white''.
483+
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
483484
<pre>
484485
<span class="swatch" style="--color: white"></span> color(rec2100-pq 0.58 0.58 0.58);
485486
</pre>
486487
This color represents a mid grey,
487488
like a photographer's "18% reflectance grey" card,
488489
at 17 cd/m².
489490
<pre>
490-
<span class="swatch" style="--color: rgb(46.632% 46.632% 46.632%)"></span> color(rec2100-pq 0.34 0.34 0.34);
491+
<span class="swatch" style="--color: rgb(46.632% 46.632% 46.632%)"></span> color(rec2100-pq 0.34 0.34 0.34)
491492
</pre>
492493
</div>
493494

@@ -595,7 +596,7 @@ Predefined color spaces for HDR: {#predefined-HDR}
595596
This color represents a mid grey,
596597
at 26 to 104 cd/m².
597598
<pre>
598-
<span class="swatch" style="--color: rgb(46.632% 46.632% 46.632%)"></span> color(rec2100-hlg 0.38 0.38 0.38);
599+
<span class="swatch" style="--color: rgb(46.632% 46.632% 46.632%)"></span> color(rec2100-hlg 0.38 0.38 0.38)
599600
</pre>
600601
</div>
601602

@@ -666,6 +667,19 @@ Predefined color spaces for HDR: {#predefined-HDR}
666667
of 9.852 × 203 = 1,999 cd/m².
667668
</div>
668669

670+
671+
<div class="example">
672+
This color represents a comfortable "diffuse white"
673+
This color can be displayed for long periods,
674+
or used for subtitles,
675+
on any sized area of the screen.
676+
It is the same color as sRGB ''white''.
677+
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
678+
<pre>
679+
<span class="swatch" style="--color: white"></span> color(rec2100-linear 1 1 1)
680+
</pre>
681+
</div>
682+
669683
A linear-light electro-optical transfer function is used.
670684

671685
It has the following characteristics:
@@ -734,6 +748,19 @@ Predefined color spaces for HDR: {#predefined-HDR}
734748
(which also use a D65 whitepoint)
735749
no chromatic adaptation step need be performed.
736750

751+
<div class="example">
752+
This color represents a comfortable "diffuse white"
753+
This color can be displayed for long periods,
754+
or used for subtitles,
755+
on any sized area of the screen.
756+
It is the same color as sRGB ''white''.
757+
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
758+
<pre>
759+
<span class="swatch" style="--color: white"></span> color(jzazbz 0.22207 -0.00016 -0.00012)
760+
</pre>
761+
</div>
762+
<!-- unclear why az and bz are not zero here. Is this the crosstalk term? -->
763+
737764
<dfn export>JzCzHz</dfn> {#JzCzHz}
738765
-----------------
739766

@@ -748,11 +775,11 @@ Predefined color spaces for HDR: {#predefined-HDR}
748775
<div class="example">
749776
This color represents the sRGB color "lime" in ''Jzazbz''
750777
<pre>
751-
<span class="swatch" style="--color: lime"></span> color(jzazbz 0.17542 -0.1179 0.1092);
778+
<span class="swatch" style="--color: lime"></span> color(jzazbz 0.17542 -0.1179 0.1092)
752779
</pre>
753780
and here is the same color in the polar form
754781
<pre>
755-
<span class="swatch" style="--color: lime"></span> color(jzczhz 0.17542 0.1614 132.50);
782+
<span class="swatch" style="--color: lime"></span> color(jzczhz 0.17542 0.1614 132.50)
756783
</pre>
757784
</div>
758785

@@ -843,9 +870,22 @@ Converting JzCzHz colors to Jzazbz colors</h4>
843870
<div class="example">
844871
This color represents the sRGB color "lime" in ''ICtCp''
845872
<pre>
846-
<span class="swatch" style="--color: lime"></span> color(ictcp 0.5393 -0.2643 -0.0625);
873+
<span class="swatch" style="--color: lime"></span> color(ictcp 0.5393 -0.2643 -0.0625)
874+
</pre>
875+
</div>
876+
877+
<div class="example">
878+
This color represents a comfortable "diffuse white"
879+
This color can be displayed for long periods,
880+
or used for subtitles,
881+
on any sized area of the screen.
882+
It is the same color as sRGB ''white''.
883+
Diffuse white is 203 cd/m² [[!Rec_BT.2100]].
884+
<pre>
885+
<span class="swatch" style="--color: white"></span> color(ictcp 0.58069 0 0)
847886
</pre>
848887
</div>
888+
849889

850890
Compositing SDR and HDR content {#Compositing-SDR-HDR}
851891
===============================

0 commit comments

Comments
 (0)