Skip to content

Commit a18c382

Browse files
committed
[css-color] small clarifications and cleanup
1 parent 9996a01 commit a18c382

1 file changed

Lines changed: 20 additions & 15 deletions

File tree

css-color/Overview.bs

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<h1>CSS Color Module Level 4</h1>
1+
<h1>CSS Color Module Level 4</h1>
22

33
<pre class=metadata>
44
Status: ED
@@ -40,7 +40,7 @@ Introduction</h2>
4040

4141
<em>This section is not normative.</em>
4242

43-
This module describes CSS properties which allow authors to specify the foreground color and opacity of an element.
43+
This module describes CSS properties which allow authors to specify the foreground color and opacity of the text content of an element.
4444
This module also describes in detail the CSS <<color>> value type.
4545

4646

@@ -64,19 +64,20 @@ Foreground Color: the 'color' property</h2>
6464
Computed value: an RGBA color
6565
</pre>
6666

67-
This property describes the foreground color of an element's text content.
67+
This property describes the foreground fill color of an element's text content.
6868
In addition, it provides the value that ''currentcolor'' resolves to.
6969
If the ''currentcolor'' keyword is set on the 'color' property itself, it is treated as ''color: inherit''.
7070

71-
The initial value of this property is a UA-defined color.
72-
In many existing user-agents, it is ''black''.
71+
The initial value of this property is ''black''.
7372

74-
There are different ways to specify lime green:
73+
There are several different ways to syntactically specify a given color.
74+
For example, to specify lime green:
7575

7676
<div class="example">
7777
<pre class="lang-css">
7878
em { color: lime; } /* color keyword */
7979
em { color: rgb(0,255,0); } /* RGB range 0-255 */
80+
em { color: rgb(0.0,100.0,0.0); } /* RGB range 0%-100% */
8081
</pre>
8182
</div>
8283

@@ -86,29 +87,29 @@ Foreground Color: the 'color' property</h2>
8687
</dl>
8788

8889
<h2 id='color-type'>
89-
Representing Colors: the <<color>> type</h2>
90+
Representing sRGB Colors: the <<color>> type</h2>
9091

91-
CSS colors are represented by a triplet of values--
92+
CSS colors in the sRGB color space are represented by a triplet of values--
9293
red, green, and blue--
9394
identifying a point in the sRGB color space [[!SRGB]].
9495
This is an internationally-recognized, device-independent color space,
9596
and so is useful for specifying colors that will be displayed on a computer screen,
96-
but is also useful for displaying colors on other types of devices, like printers.
97+
but is also useful for specifying colors on other types of devices, like printers.
9798
(See [[COLORIMETRY]].)
9899
Additionally, every color is accompanied by an alpha component,
99100
indicating how transparent it is,
100-
and how much of the backdrop one can see behind the color.
101+
and thus how much of the backdrop one can see behind the color.
101102
The components are also sometimes called "channels".
102103
Each channel has a minimum and maximum value,
103104
and can take any value between those two.
104105

105106
While all colors share an underlying storage format,
106107
CSS contains several syntaxes for <em>specifying</em> <<color>> values.
107-
Some directly specify the RGB color,
108+
Some directly specify the sRGB color,
108109
such as the ''rgb()'' and ''rgba()'' functions
109110
and the hex notation.
110111
Others are more human-friendly to write and understand,
111-
and are converted to an RGB color by CSS,
112+
and are converted to an sRGB color by CSS,
112113
such as the ''hsl()'' and ''hsla()'' functions,
113114
or the long list of named colors defined by CSS.
114115

@@ -136,7 +137,8 @@ Representing Colors: the <<color>> type</h2>
136137
Notes On Using Colors</h3>
137138

138139
Although colors can add significant amounts of information to
139-
document and make them more readable, please consider the
140+
documents and make them more readable, color by itself should not be the sole
141+
means to convey important information. Please consider the
140142
W3C Web Content Accessibility Guidelines [[WCAG20]] when including color in your documents.
141143

142144
<ul>
@@ -596,6 +598,7 @@ Named Colors</h2>
596598
</table>
597599

598600
Note: this list of colors and their definitions is a superset of the list of <a href="http://www.w3.org/TR/SVG/types.html#ColorKeywords">named colors defined by SVG 1.1</a>.
601+
For historical reasons, this is also referred to as the X11 color set.
599602

600603
<h3 id='transparent-color'>
601604
The ''transparent'' keyword</h3>
@@ -1630,6 +1633,7 @@ Specifying Grays: the ''gray()'' functional notation</h2>
16301633

16311634
Alternately, base it on relative contrast ratios somehow?
16321635
#757575 is the gray that lives exactly between white and black, in contrast-ratio space.
1636+
<!-- citation required -->
16331637
Taking 0% to be black, 100% to be white, and 50% to be #757575,
16341638
you convert between contrast-ratio space and luminance space
16351639
with <code>L = 21^p</code>,
@@ -1638,12 +1642,12 @@ Specifying Grays: the ''gray()'' functional notation</h2>
16381642

16391643

16401644
<h2 id='cmyk-colors'>
1641-
CMYK Colors: the ''device-cmyk()'' function</h2>
1645+
Device-dependent CMYK Colors: the ''device-cmyk()'' function</h2>
16421646

16431647
While screens typically display colors directly with RGB pixels,
16441648
printers often represent colors in different ways.
16451649
In particular, one of the most common print-based ways of representing colors is with CMYK:
1646-
a combination of cyan, magenta, yellow, and black.
1650+
a combination of cyan, magenta, yellow, and black which yields a particular color on that device.
16471651
The ''device-cmyk()'' function allows authors to specify a color in this way:
16481652

16491653
<pre class='prod'>
@@ -2133,6 +2137,7 @@ Color Blending: the ''blend'' and ''blenda'' adjusters</h3>
21332137
Should we swap the defaults,
21342138
so ''blend()'' does the alpha blending,
21352139
and another name (or maybe another parameter) ignores alpha like ''blend()'' currently does?
2140+
Check with definitions in CSS compositing and blending module.
21362141

21372142

21382143
<h3 id='contrast-adjuster'>

0 commit comments

Comments
 (0)