Skip to content

Commit 552bbfa

Browse files
committed
[css-color-5][css-color-4][css-images-4][editorial] Consistent capitalization Oklab, see #7880
1 parent 856f271 commit 552bbfa

File tree

3 files changed

+55
-55
lines changed

3 files changed

+55
-55
lines changed

css-color-4/Overview.bs

+41-41
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ At Risk: Equivalence of deprecated and un-deprecated system colors
4545
"journal": "Color Research and Application, vol. 30. No. 1, pp. 21-30",
4646
"date": "February 2005"
4747
},
48-
"OKLab": {
48+
"Oklab": {
4949
"href": "https://bottosson.github.io/posts/oklab/",
5050
"title": "A perceptual color space for image processing",
5151
"authors": "Björn Ottosson",
@@ -791,13 +791,13 @@ Representing Colors: the <<color>> type</h2>
791791
by CIE Lightness, Chroma, and hue
792792
using the [[#cie-lab|CIE LCH cylindrical coordinate model]]
793793
* ''oklab()'',
794-
which specifies an OKLAB color
795-
by OKLAB Lightness and its a- and b-axis hue coordinates
794+
which specifies an Oklab color
795+
by Oklab Lightness and its a- and b-axis hue coordinates
796796
(red/green-ness, and yellow/blue-ness)
797-
using the [[#ok-lab|OKLAB]] rectangular coordinate model.
797+
using the [[#ok-lab|Oklab]] rectangular coordinate model.
798798
* ''oklch()'' ,
799-
which specifies an OKLAB color
800-
by OKLAB Lightness, Chroma, and hue
799+
which specifies an Oklab color
800+
by Oklab Lightness, Chroma, and hue
801801
using the [[#ok-lab|OKLCH]] cylindrical coordinate model.
802802
<!--
803803
* ''device-cmyk()'',
@@ -2761,7 +2761,7 @@ Examples of HWB Colors</h3>
27612761
-->
27622762

27632763
<h2 id='lab-colors'>
2764-
Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
2764+
Device-independent Colors: CIE Lab and LCH, Oklab and OKLCH</h2>
27652765

27662766
<h3 id="cie-lab">CIE Lab and LCH</h3>
27672767

@@ -2775,7 +2775,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
27752775
<!-- Simplify by saying Lab throughout rather than CIELab or
27762776
CIE L*a*b*, because that is what people write in practice.
27772777
No-one has used Hunter Lab for anything for decades. -->
2778-
<!-- But now we have OKLab so where it matters, be more specific -->
2778+
<!-- But now we have Oklab so where it matters, be more specific -->
27792779

27802780
<dfn value export for="lab()">Lab</dfn> is a rectangular coordinate system
27812781
with a central Lightness axis.
@@ -2910,10 +2910,10 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
29102910

29112911
This does not help with hue curvature, however.
29122912

2913-
<h3 id="ok-lab">OKLab and OKLCH</h3>
2913+
<h3 id="ok-lab">Oklab and OKLCH</h3>
29142914

2915-
Recently, <dfn value export for="oklab()">OKLab</dfn>,
2916-
an improved Lab-like space has been developed [[!OKLab]].
2915+
Recently, <dfn value export for="oklab()">Oklab</dfn>,
2916+
an improved Lab-like space has been developed [[!Oklab]].
29172917
The corresponding polar form is called <dfn value export for="oklch()">OKLCH</dfn>.
29182918
It was produced by numerical optimisation
29192919
of a large dataset of visually similar colors,
@@ -2929,7 +2929,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
29292929
L=0% is deep black (no light at all) while L=100% is a diffuse white.
29302930

29312931
Note: Unlike CIE Lab, which assumes adaptation to the diffuse white,
2932-
OKLab assumes adaptation to the color being defined,
2932+
Oklab assumes adaptation to the color being defined,
29332933
which is intended to make it scale invariant.
29342934

29352935
As with CIE Lab, the a and b axes convey hue;
@@ -2941,7 +2941,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
29412941
The illuminant is [=D65=], the same white point
29422942
as most RGB color spaces.
29432943

2944-
OKLCH has the same L axis as OKLab,
2944+
OKLCH has the same L axis as Oklab,
29452945
but uses polar coordinates C (chroma) and H (hue).
29462946

29472947
Note: Unlike CIE LCH, where Chroma can reach values of 200 or more,
@@ -2967,7 +2967,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
29672967
</figcaption>
29682968
</figure>
29692969

2970-
Because OKLab is more perceptually uniform,
2970+
Because Oklab is more perceptually uniform,
29712971
the color difference is a straightforward distance in 3D space
29722972
(root sum of squares).
29732973
Although trivial,
@@ -3156,10 +3156,10 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
31563156
Using commas inside these functions is an error.
31573157

31583158
<h3 id="specifying-oklab-oklch">
3159-
Specifying OKLab and OKLCH: the ''oklab()'' and ''oklch()'' functional notations</h3>
3159+
Specifying Oklab and OKLCH: the ''oklab()'' and ''oklch()'' functional notations</h3>
31603160

31613161

3162-
CSS allows colors to be directly expressed in OKLab and OKLCH.
3162+
CSS allows colors to be directly expressed in Oklab and OKLCH.
31633163

31643164
<pre class='prod'>
31653165
<dfn>oklab()</dfn> = oklab( [ <<percentage>> | <<number>> | none]
@@ -3194,7 +3194,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
31943194
parsing/color-valid.html
31953195
</wpt>
31963196

3197-
The first argument specifies the OKLab Lightness.
3197+
The first argument specifies the Oklab Lightness.
31983198
This is typically a number between ''0%''
31993199
(representing black)
32003200
and ''100%''
@@ -3208,7 +3208,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
32083208

32093209
The second and third arguments are the distances along
32103210
the "a" and "b" axes
3211-
in the OKLab color space,
3211+
in the Oklab color space,
32123212
as described in the previous section.
32133213
These values are signed
32143214
(allow both positive and negative values)
@@ -3219,7 +3219,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
32193219
separated by a slash,
32203220
representing the [=alpha component=].
32213221

3222-
If the lightness of an OKLab color is ''0%'',
3222+
If the lightness of an Oklab color is ''0%'',
32233223
both the a and b components are [=powerless=].
32243224

32253225
<div class="example" id="ex-oklab-samples">
@@ -3317,7 +3317,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
33173317

33183318

33193319
<h3 id='lab-to-lch'>
3320-
Converting Lab or OKLab colors to LCH or OKLCH colors</h3>
3320+
Converting Lab or Oklab colors to LCH or OKLCH colors</h3>
33213321

33223322
Conversion to the polar form is trivial:
33233323

@@ -3336,7 +3336,7 @@ and treated as [=missing=] when converted into LCH or OKLCH;
33363336
in non-CSS contexts this might be reflected as a missing value, such as NaN.
33373337

33383338
<h3 id='lch-to-lab'>
3339-
Converting LCH or OKLCH colors to Lab or OKLab colors</h3>
3339+
Converting LCH or OKLCH colors to Lab or Oklab colors</h3>
33403340

33413341
Conversion to the rectangular form is trivial:
33423342

@@ -4046,7 +4046,7 @@ The Predefined CIE XYZ Color Spaces: the ''xyz-d50'', ''xyz-d65'', and ''xyz'' k
40464046

40474047

40484048
<h3 id="predefined-to-lab-oklab">
4049-
Converting Predefined Color Spaces to Lab or OKLab</h3>
4049+
Converting Predefined Color Spaces to Lab or Oklab</h3>
40504050

40514051
For all predefined RGB color spaces,
40524052
conversion to Lab requires several steps,
@@ -4063,25 +4063,25 @@ Converting Predefined Color Spaces to Lab or OKLab</h3>
40634063
<li>Convert D50-adapted XYZ to Lab
40644064
</ol>
40654065

4066-
Conversion to OKLab is similar,
4066+
Conversion to Oklab is similar,
40674067
but the chromatic adaptation step
40684068
is only needed for ''prophoto-rgb''.
40694069

40704070
<ol id="predefined-to-oklab">
40714071
<li>Convert from gamma-encoded RGB to linear-light RGB (undo gamma encoding)
40724072
<li>Convert from linear RGB to CIE XYZ
40734073
<li>If needed, convert from a [=D50=] whitepoint (used by ''prophoto-rgb'')
4074-
to the [=D65=] whitepoint used in OKLab,
4074+
to the [=D65=] whitepoint used in Oklab,
40754075
with the Bradford transform.
4076-
<li>Convert D65-adapted XYZ to OKLab
4076+
<li>Convert D65-adapted XYZ to Oklab
40774077
</ol>
40784078

40794079
There is sample JavaScript code for these conversions
40804080
in [[#color-conversion-code]].
40814081

40824082

40834083
<h3 id="oklab-lab-to-predefined">
4084-
Converting Lab or OKLab to Predefined RGB Color Spaces</h3>
4084+
Converting Lab or Oklab to Predefined RGB Color Spaces</h3>
40854085

40864086
Conversion from Lab to predefined spaces like ''display-p3'' or ''rec2020''
40874087
also requires multiple steps,
@@ -4096,13 +4096,13 @@ Converting Lab or OKLab to Predefined RGB Color Spaces</h3>
40964096
<li>Convert from linear-light RGB to RGB (do gamma encoding)
40974097
</ol>
40984098

4099-
Conversion from OKLab is similar,
4099+
Conversion from Oklab is similar,
41004100
but the chromatic adaptation step
41014101
is only needed for ''prophoto-rgb''.
41024102

41034103
<ol id="oklab-to-predefined">
4104-
<li>Convert OKLab to (D65-adapted) XYZ
4105-
<li>If needed, convert from a [=D65=] whitepoint (used by OKLab)
4104+
<li>Convert Oklab to (D65-adapted) XYZ
4105+
<li>If needed, convert from a [=D65=] whitepoint (used by Oklab)
41064106
to the [=D50=] whitepoint used in ''prophoto-rgb'',
41074107
with the Bradford transform.
41084108
<li>Convert from (D65-adapted) CIE XYZ to linear RGB
@@ -4319,7 +4319,7 @@ Color Space for Interpolation</h3>
43194319
* In some cases, the result of physically mixing two colored lights is desired.
43204320
In that case, the CIE XYZ or srgb-linear color space is appropriate, because they are linear in light intensity.
43214321
* If colors need to be evenly spaced perceptually (such as in a gradient),
4322-
the OKLab color space (and the older Lab), are designed to be perceptually uniform.
4322+
the Oklab color space (and the older Lab), are designed to be perceptually uniform.
43234323
* If avoiding graying out in color mixing is desired, i.e. maximizing chroma throughout the transition,
43244324
OKLCH (and the older LCH) work well for that.
43254325
* Lastly, compatibility with legacy Web content may be the most important consideration.
@@ -4366,7 +4366,7 @@ Color Space for Interpolation</h3>
43664366

43674367
If the host syntax does not define what color space
43684368
interpolation should take place in,
4369-
it defaults to OKLab.
4369+
it defaults to Oklab.
43704370

43714371
However, user agents <em>may</em> handle interpolation
43724372
between legacy sRGB color formats
@@ -5112,7 +5112,7 @@ Sample Pseudocode for the Binary Search Gamut Mapping Algorithm with Local MINDE
51125112
to be in gamut of a destination color space |destination|:
51135113

51145114
<ol>
5115-
<li>if |destination| has no gamut limits (XYZ-D65, XYZ-D50, Lab, LCH, OKLab, OKLCH) return |origin|
5115+
<li>if |destination| has no gamut limits (XYZ-D65, XYZ-D50, Lab, LCH, Oklab, OKLCH) return |origin|
51165116
<li>let |origin_OKLCH| be |origin| converted
51175117
from |origin color space| to the OKLCH color space</li>
51185118
<li>if the Lightness of |origin_OKLCH| is greater than or equal to 100%,
@@ -5267,12 +5267,12 @@ Resolving Lab and LCH values</h3>
52675267
</div>
52685268

52695269
<h3 id="resolving-oklab-oklch-values">
5270-
Resolving OKLab and OKLCH values</h3>
5270+
Resolving Oklab and OKLCH values</h3>
52715271

52725272
This applies to ''oklab()'' and ''oklch()'' values.
52735273

52745274
The computed and used value
5275-
is the corresponding OKLab or OKLCH color
5275+
is the corresponding Oklab or OKLCH color
52765276
paired with the specified alpha channel
52775277
(as a <<number>>, not a <<percentage>>;
52785278
and defaulting to opaque if unspecified).
@@ -5626,7 +5626,7 @@ Serializing Lab and LCH values</h3>
56265626
</div>
56275627

56285628
<h3 id="serializing-oklab-oklch">
5629-
Serializing OKLab and OKLCH values</h3>
5629+
Serializing Oklab and OKLCH values</h3>
56305630

56315631
The serialized form of ''oklch()'' and ''oklab()'' values
56325632
is derived from the [=computed value=]
@@ -5924,12 +5924,12 @@ highlight: js
59245924

59255925
<h3 id="color-difference-OK">ΔEOK</h3>
59265926
<p>
5927-
Because OKLab does not suffer from
5927+
Because Oklab does not suffer from
59285928
the hue linearity, hue uniformity,
59295929
and chroma non-linearities of CIE Lab,
59305930
the color difference metric does not need to correct for them
59315931
and so
5932-
is simply the Euclidean distance in OKLab color space.
5932+
is simply the Euclidean distance in Oklab color space.
59335933
</p>
59345934

59355935
<pre class="include-code lang-javascript">
@@ -6333,7 +6333,7 @@ Changes</h2>
63336333
<!-- To 05 Feb 2022 -->
63346334
<li>Avoided an infinite loop in gamut reduction, with colors whiter than white or darker than black</li>
63356335
<li>Clarified serialization of the ''none'' value</li>
6336-
<li>Clarified the opt-in to interpolation in OKLab, for non-legacy colors</li>
6336+
<li>Clarified the opt-in to interpolation in Oklab, for non-legacy colors</li>
63376337
<li>Defined how premultiplication works, with the ''none'' value</li>
63386338
<li>Clarified that missing values in rgb serialize as 0</li>
63396339
<li>Clarified the use of calc() with the ''none'' value</li>
@@ -6357,7 +6357,7 @@ Changes</h2>
63576357
<li>Computed value of color(xyz ...) is color(xyz-d65 ...)</li>
63586358
<li>Added srgb-linear to interpolation color spaces</li>
63596359
<li>Updated Changes from Colors 3 section</li>
6360-
<li>Added Resolving OKLab and OKLCH values section</li>
6360+
<li>Added Resolving Oklab and OKLCH values section</li>
63616361
<!-- to 19 Nov 2021 -->
63626362
<li>Added srgb-linear color space</li>
63636363
<li>Moved @color-profile and device-cmyk to level 5 per CSSWG resolution</li>
@@ -6368,11 +6368,11 @@ Changes</h2>
63686368
<!-- to Oct 16 2021-->
63696369
<li>Defined quirks-mode quirky hex colors</li>
63706370
<li>Removed fallback colors from device-cmyk</li>
6371-
<li>Host syntax that does not declare a default now uses OKLab by default</li>
6371+
<li>Host syntax that does not declare a default now uses Oklab by default</li>
63726372
<li>Added sample code for deltaE OK</li>
63736373
<li>Added sample conversion code for OKlab and OKLCH</li>
63746374
<li>Added oklab() and oklch() functions</li>
6375-
<i>Added description of OKLab and OKLCH</i>
6375+
<i>Added description of Oklab and OKLCH</i>
63766376
<li>Added description of CIE LCH deficiencies</li>
63776377
<li>Allowed all components of a color to be "missing" via the ''none'' keyword,
63786378
defined when components are "powerless" and automatically become missing in some cases,

css-color-5/Overview.bs

+4-4
Original file line numberDiff line numberDiff line change
@@ -1061,7 +1061,7 @@ the allowed [=channel keywords=] are:
10611061
</pre>
10621062
</div>
10631063

1064-
<h3 id="relative-OKLab">Relative OKLab Colors</h3>
1064+
<h3 id="relative-Oklab">Relative Oklab Colors</h3>
10651065

10661066
The grammar of the ''oklab()'' function is extended as follows:
10671067

@@ -1078,9 +1078,9 @@ Within a [=relative color=] syntax ''oklab()'' function,
10781078
the allowed [=channel keywords=] are:
10791079

10801080
* <dfn value for="oklab()">l</dfn> is a <<percentage>> or <<number>>
1081-
that corresponds to the [=origin color's=] OKLab Lightness
1081+
that corresponds to the [=origin color's=] Oklab Lightness
10821082
* <dfn value for="oklab()">a</dfn> and <dfn value for="oklab()">b</dfn> are <<percentage>>s or <<number>>s
1083-
that correspond to the [=origin color's=] OKLab a and b axes
1083+
that correspond to the [=origin color's=] Oklab a and b axes
10841084
* <dfn value for="oklab()">alpha</dfn> is a <<number>> or <<percentage>> that corresponds to the [=origin color's=] alpha transparency
10851085

10861086
<h3 id="relative-LCH">Relative LCH Colors</h3>
@@ -1233,7 +1233,7 @@ Within a [=relative color=] syntax ''oklch()'' function,
12331233
the allowed [=channel keywords=] are:
12341234

12351235
* <dfn value for="oklch()">l</dfn> is a <<percentage>> or <<number>>
1236-
that corresponds to the [=origin color's=] OKLab Lightness
1236+
that corresponds to the [=origin color's=] Oklab Lightness
12371237
* <dfn value for="oklch()">c</dfn> is a <<percentage>> or <<number>>
12381238
that corresponds to the [=origin color's=] OKLCH chroma
12391239
* <dfn value for="oklch()">h</dfn> is an <<angle>>

0 commit comments

Comments
 (0)