CSS 颜色模块 3 级

摘要

CSS（层叠样式表）是一种用于描述HTML和XML文档在屏幕、纸张、语音等上的呈现的语言。它使用与颜色相关的属性和值为文档中的文本、背景、边框及元素的其他部分着色。本规范描述了前景色和群组不透明度的颜色值和属性。这些包括来自CSS第2级的属性和值以及新的值。

本文档状态

本节描述了本文档在发布时的状态。当前W3C出版物列表及本技术报告的最新修订版可在W3C技术报告索引（https://www.w3.org/TR/）中找到。

本文件由CSS工作组以推荐标准形式发布，使用推荐标准轨道。

W3C推荐标准是一种规范，在广泛的共识构建之后，得到W3C及其成员的认可，并且工作组成员承诺为实现免费许可。

W3C推荐将此规范广泛部署为Web的标准。

本文件由在W3C专利政策下运作的小组制作。W3C维护了任何专利披露的公开列表，该页面还包括专利披露的指示。了解专利内容的个人如果认为专利中包含基本声明，必须根据W3C专利政策第6节披露信息。

本文件受2021年11月2日W3C流程文档管理。

单独的 实现报告显示了测试套件中的每个测试都通过了至少两个独立实现。 然而，大多数测试现已为CSS Color 4进行了更新（见实现报告）。

本文档的完整变更列表可用。

1. 介绍

本节为非规范性内容。

超越第2级的CSS是一组模块，分割开来允许规范与其实现一同逐步发展。本规范是这些模块之一。

本模块描述了允许作者指定元素前景色和不透明度的CSS属性。该模块还详细描述了CSS <color> 值类型。

它不仅定义了已经存在于CSS1和CSS2中的与颜色相关的属性和值，还定义了新的属性和值。

该规范是以下推荐标准和工作草案相关部分合并的结果，并新增了一些新功能。

• HTML 4.01 [HTML401]
• CSS 2.0 [CSS2]
• SVG 1.0 [SVG10]
• CSS3用户界面（2000年2月16日）[CSS-UI-3]

2. 依赖关系

其他术语定义在定义部分[CSS21]中。文档源代码和片段的示例以XML [XML10]或HTML [HTML401]语法给出。

3. 颜色属性

3.1. 前景色：‘color’ 属性

该属性描述了元素文本内容的前景色。此外，它还用于为任何其他接受颜色值的属性提供一个潜在的间接值（currentColor）。如果在‘currentColor’关键字本身设置在‘color’属性上，则它被视为‘color: inherit’。

有多种方法可以指定酸橙绿：

em { color: lime }               /* 颜色关键字 */
em { color: rgb(0,255,0) }       /* RGB 范围 0-255   */

<color>

颜色单位在后续部分定义。

3.2. 透明度：‘opacity’ 属性

不透明度可以被视为一种后处理操作。从概念上讲，在元素（包括其后代）被渲染到一个RGBA离屏图像后，不透明度设置指定了如何将离屏渲染混合到当前的合成渲染中。详情请参见简单Alpha合成。

<alphavalue>

在语法上为<number>。均匀的不透明度设置，适用于整个对象。任何超出0.0（完全透明）到1.0（完全不透明）范围的值将被限制在此范围内。如果对象有子元素，则效果如同子元素通过一个蒙版与当前背景混合，该蒙版的每个像素值为<alphavalue>。对于SVG，“有子元素”相当于作为一个容器元素[SVG11]。

由于不透明度小于1的元素是从单个离屏图像合成的，因此其外部的内容无法在z轴顺序中夹在其内部内容的各部分之间。出于同样的原因，实现必须为不透明度小于1的任何元素创建一个新的堆叠上下文。如果不透明度小于1的元素没有定位，那么它将与定位元素（堆叠级别为0）一起绘制在其父级堆叠上下文的同一层上。如果不透明度小于1的元素是定位的，那么‘z-index’属性如[CSS21]中所述适用，除非使用的值为‘auto’，则该元素的行为完全如同它是‘0’。有关堆叠上下文的更多信息，请参见第9.9节和附录E。这些规则不适用于SVG元素，因为SVG有自己的渲染模型（[SVG11]，第3章）。

4. 颜色单位

<color>可以是一个关键字或数值规格。

4.1. 基本颜色关键字

基本颜色关键字的列表包括：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white 和 yellow。这些颜色名称是ASCII大小写不敏感的。

body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }

4.2. 数值颜色值

4.2.1. RGB颜色值

RGB颜色模型用于数值颜色规格。这些示例都指定了相同的颜色：

em { color: #f00 }              /* #rgb */
em { color: #ff0000 }           /* #rrggbb */
em { color: rgb(255,0,0) }
em { color: rgb(100%, 0%, 0%) }

以十六进制表示的RGB值的格式是‘#’后紧跟三个或六个十六进制字符。三位数的RGB表示法(#rgb)通过复制数字转换为六位数形式(#rrggbb)，而不是通过添加零。例如，#fb0扩展为#ffbb00。这确保了白色(#ffffff)可以用短格式(#fff)指定，并消除了对显示器颜色深度的任何依赖。

功能表示法中的RGB值格式是‘rgb(’后跟三个数值的逗号分隔列表（可以是三个整数值或三个百分比值），然后是‘)’。整数值255对应100%，并且在十六进制表示法中对应F或FF：rgb(255,255,255) = rgb(100%,100%,100%) = #FFF。数值周围允许有空白字符。

所有RGB颜色都在sRGB颜色空间中指定（参见[SRGB]）。用户代理在表示这些颜色的保真度上可能有所不同，但使用sRGB提供了一个明确且客观可测量的颜色定义，可以与国际标准相关联（参见[COLORIMETRY]）。

当已知色域时，设备色域之外的值应被剪切或映射到色域内：必须更改红、绿和蓝值，以使其在设备支持的范围内。用户代理可以执行更高质量的颜色从一个色域到另一个色域的映射。本规范未定义精确的剪切行为。对于典型的CRT显示器，其设备色域与sRGB相同，以下四条规则是等效的：

em { color: rgb(255,0,0) }       /* 整数范围 0 - 255 */
em { color: rgb(300,0,0) }       /* 被剪切为 rgb(255,0,0) */
em { color: rgb(255,-10,0) }     /* 被剪切为 rgb(255,0,0) */
em { color: rgb(110%, 0%, 0%) }  /* 被剪切为 rgb(100%,0%,0%) */

其他设备（如打印机）的色域与sRGB不同；某些在0..255 sRGB范围之外的颜色将可表示（在设备色域内），而某些在0..255 sRGB范围内的颜色将超出设备色域，因此将被映射。

4.2.2. RGBA颜色值

在本规范中，RGB颜色模型扩展为包含“alpha”以允许指定颜色的不透明度。详情请参见简单Alpha合成。这些示例都指定了相同的颜色：

em { color: rgb(255,0,0) }      /* 整数范围 0 - 255 */
em { color: rgba(255,0,0,1)     /* 相同的颜色，带有显式不透明度 1 */
em { color: rgb(100%,0%,0%) }   /* 浮点数范围 0.0% - 100.0% */
em { color: rgba(100%,0%,0%,1) } /* 相同的颜色，带有显式不透明度 1 */

与RGB值不同，RGBA值没有十六进制表示法。

功能表示法中的RGBA值格式是‘rgba(’后跟三个数值的逗号分隔列表（可以是三个整数值或三个百分比值），然后是<alphavalue>，再然后是‘)’。整数值255对应100%，rgba(255,255,255,0.8) = rgba(100%,100%,100%,0.8)。数值周围允许有空白字符。

实现必须根据由这些组件组成的RGB颜色值的规则，将RGBA颜色值的红色、绿色和蓝色分量裁剪到设备色域内。

这些示例指定了使用rgba()表示法可以实现的效果：

p { color: rgba(0,0,255,0.5) }        /* 半透明纯蓝色 */
p { color: rgba(100%, 50%, 0%, 0.1) } /* 非常透明的纯橙色 */

注意。 如果用户代理不支持RGBA值，它们应根据CSS前向兼容性解析规则（[CSS21]，第4章）被视为无法识别的值。RGBA值不能被简单地视为忽略了不透明度的RGB值。

4.2.3. ‘transparent’ 颜色关键字

CSS1 引入了用于 background-color 属性的‘transparent’值。CSS2 允许 border-color 属性也接受‘transparent’值。开放电子书(tm)出版结构 1.0.1 [OEB101] 扩展了‘color’属性，以接受‘transparent’关键字。CSS3 扩展了颜色值，以包括‘transparent’关键字，以允许其在所有接受 <color> 值的属性中使用。这简化了 CSS3 中这些属性的定义。

transparent

完全透明。这个关键字可以被视为透明黑色的简写，即 rgba(0,0,0,0)，这是它的计算值。

4.2.4. HSL颜色值

CSS3 增加了数值表示的色相-饱和度-亮度（HSL）颜色，作为数值RGB颜色的补充。已经观察到RGB颜色有以下局限性：

• RGB是面向硬件的：它反映了使用CRT的情况。
• RGB是不直观的。人们可以学习如何使用RGB，但实际上是通过将色相、饱和度和亮度（或类似的东西）转化为RGB来实现的。

还有其他几种颜色方案可能。HSL的一些优点是它对亮度和暗度是对称的（例如HSV就不是这样），并且将HSL转换为RGB非常简单。

HSL颜色编码为三元组（色相、饱和度、亮度）。色相表示为颜色圆的角度（即以圆形表示的彩虹）。这个角度通常以度为单位，因此在CSS中单位是隐含的；在语法上，只给出一个<number>。按定义，红色=0=360，其他颜色分布在圆周上，因此绿色=120，蓝色=240，等等。作为角度，它隐含地循环，即-120=240和480=120。实现可以通过计算(((x mod 360) + 360) mod 360)将这样的角度x规范化为[0,360)范围（即零度（含）到360度（不含））。饱和度和亮度表示为百分比。100%表示全饱和度，0%表示灰度。0%亮度是黑色，100%亮度是白色，50%亮度是“正常”的亮度。

例如：

* { color: hsl(0, 100%, 50%) }   /* 红色 */
* { color: hsl(120, 100%, 50%) } /* 酸橙色 */
* { color: hsl(120, 100%, 25%) } /* 深绿色 */
* { color: hsl(120, 100%, 75%) } /* 浅绿色 */
* { color: hsl(120, 75%, 75%) }  /* 粉绿色，等等 */

HSL相比RGB的优势在于它更加直观：你可以猜测你想要的颜色，然后进行微调。创建匹配的颜色组也更容易（通过保持色相相同并改变亮度/暗度和饱和度）。

如果饱和度小于0%，实现必须将其裁剪为0%。如果结果超出设备色域，实施必须将其裁剪到设备色域。此裁剪应在可能的情况下保持色相，但除此之外未定义。（换句话说，裁剪与在应用将HSL转换为RGB的算法之后应用RGB颜色裁剪规则不同。）

将HSL颜色转换为sRGB在数学上是直接的。以下是转换算法在JavaScript中的示例实现。它返回一个由三个数字组成的数组，表示颜色的红色、绿色和蓝色通道，归一化为[0,1]范围。

function hslToRgb (hue, sat, light) {
  hue = hue % 360;

  if (hue < 0) {
      hue += 360;
  }

  sat /= 100;
  light /= 100;

  function f(n) {
      let k = (n + hue/30) % 12;
      let a = sat * Math.min(light, 1 - light);
      return light - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
  }

  return [f(0), f(8), f(4)];
}

4.2.4.1. HSL 示例

下表中的每个表格代表一种色相。从色彩圆中选择了十二种间隔均匀的颜色（即30°间隔）：红色、黄色、绿色、青色、蓝色、洋红色，以及所有中间色（最后一种颜色是洋红色和红色之间的颜色）。

在每个表格中，X轴代表饱和度，Y轴代表亮度。

4.2.5. HSLA颜色值

正如‘rgb()’功能表示法有‘rgba()’的alpha对应项，‘hsl()’功能表示法也有‘hsla()’的alpha对应项。详情请参见简单Alpha合成。这些示例指定了相同的颜色：

em { color: hsl(120, 100%, 50%) }     /* 绿色 */
em { color: hsla(120, 100%, 50%, 1) } /* 相同的颜色，带有显式不透明度1 */

HSLA颜色值在功能表示法中的格式为‘hsla(’后跟色相（以度为单位）、饱和度和亮度（以百分比表示），以及<alphavalue>，再然后是‘)’。数值周围允许有空白字符。

实现必须根据由这些组件组成的HSL颜色值的规则，将HSLA颜色值的色相、饱和度和亮度分量裁剪到设备色域内。

这些示例指定了使用hsla()表示法可以实现的效果：

p { color: hsla(240, 100%, 50%, 0.5) } /* 半透明纯蓝色 */
p { color: hsla(30, 100%, 50%, 0.1) }  /* 非常透明的纯橙色 */

4.3. 扩展颜色关键字

下表提供了流行浏览器支持的X11颜色列表，[X11COLORS]并增加了来自SVG 1.0的灰色/灰色变体。最终的列表与SVG 1.0 颜色关键字名称完全相同。本规范扩展了它们在SVG之外的定义。左侧的两个颜色样本展示了以两种方式设置表格单元格的背景颜色：第一列使用命名的颜色值，第二列使用相应的数值颜色值。

4.4. ‘currentColor’ 颜色关键字

CSS1和CSS2将‘border-color’属性的初始值定义为‘color’属性的值，但未定义相应的关键字。SVG认识到了这一遗漏，因此SVG 1.0 为‘fill’、‘stroke’、‘stop-color’、‘flood-color’和‘lighting-color’属性引入了‘currentColor’值。CSS3 扩展了颜色值，包括‘currentColor’关键字，以允许其在所有接受<color>值的属性中使用。这简化了CSS3中这些属性的定义。

currentColor

‘color’属性的值。‘currentColor’关键字的使用值是‘color’属性的计算值。如果‘currentColor’关键字设置在‘color’属性本身上，则它被视为‘color: inherit’。

4.5. CSS系统颜色

4.5.1. CSS2系统颜色

已废弃。 除了能够为文本、背景等分配颜色关键字值之外，CSS2还允许作者以一种方式指定颜色，使其能够集成到用户的图形环境中。

对于没有相应值的系统，指定的值应映射到最近的系统颜色值或默认颜色。请注意，某些CSS配置文件可能根本不支持系统颜色。

以下列出了颜色相关CSS值的其他值及其一般含义。任何颜色属性都可以采用以下名称之一。虽然这些名称是ASCII大小写不敏感的，但建议使用下文所示的混合大小写，以使名称更易读。

ActiveBorder

活动窗口边框。

ActiveCaption

活动窗口标题。

AppWorkspace

多文档界面的背景色。

Background

桌面背景。

ButtonFace

3D元素的面背景色，这些元素由于周围的边框层显得具有3D效果。

ButtonHighlight

3D元素的光源面边框颜色，这些元素由于周围的边框层显得具有3D效果。

ButtonShadow

3D元素的背光面边框颜色，这些元素由于周围的边框层显得具有3D效果。

ButtonText

按钮上的文本。

CaptionText

标题、大小框和滚动条箭头框中的文本。

GrayText

灰色（禁用）文本。如果当前显示驱动程序不支持纯灰色，则此颜色设置为#000。

Highlight

控件中选择的项目。

HighlightText

控件中选择项目的文本。

InactiveBorder

非活动窗口边框。

InactiveCaption

非活动窗口标题。

InactiveCaptionText

非活动标题中的文本颜色。

InfoBackground

工具提示控件的背景颜色。

InfoText

工具提示控件的文本颜色。

Menu

菜单背景。

MenuText

菜单中的文本。

Scrollbar

滚动条的灰色区域。

ThreeDDarkShadow

3D元素的背光面边框的较暗（通常是外部）颜色，这些元素由于周围的双层边框显得具有3D效果。

ThreeDFace

3D元素的面背景色，这些元素由于周围的双层边框显得具有3D效果。

ThreeDHighlight

3D元素的光源面边框的较亮（通常是外部）颜色，这些元素由于周围的双层边框显得具有3D效果。

ThreeDLightShadow

3D元素的光源面边框的较暗（通常是内部）颜色，这些元素由于周围的双层边框显得具有3D效果。

ThreeDShadow

3D元素的背光面边框的较亮（通常是内部）颜色，这些元素由于周围的双层边框显得具有3D效果。

Window

窗口背景。

WindowFrame

窗口框架。

WindowText

窗口中的文本。

p { color: WindowText; background-color: Window }

4.6. 使用颜色的注意事项

虽然颜色可以为文档添加大量信息并使其更易于阅读，但在文档中包含颜色时，请考虑W3C的《Web内容可访问性指南》[WCAG20]。

• 1.4.1 使用颜色：颜色不能作为传达信息、指示操作、提示响应或区分视觉元素的唯一视觉手段

5. 简单Alpha合成

在绘制时，实现必须根据《SVG 1.1》14.2节“简单Alpha合成”中的规则处理alpha值[SVG11]。（如果该节中提到的‘color-interpolation’或‘color-rendering’属性未实现或不适用，实现必须按照它们的初始值进行操作。）

6. (X)HTML的样式表示例

本附录是说明性的，不具规范性。此样式表可供实现作为HTML4、XHTML1、XHTML1.1、XHTML Basic及其他XHTML系列文档的默认样式的一部分使用。

html {
	color: black;
	background: white;
}

/* 传统桌面用户代理的超链接颜色 */
:link    { color: blue; }
:visited { color: purple; }

/* 默认焦点轮廓 */
:focus {
	outline: 1px dotted;  /* 或 1px dotted invert */
}

7. 配置文件

每个使用CSS3 Color的规范必须定义其允许和排除的CSS3 Color功能子集，并描述该子集所有组件的本地含义。

非规范性示例：

8. 测试套件

一个CSS Color模块的测试套件已经开发出来，尽管可能会添加更多测试。此测试套件旨在允许用户代理验证其对规范的基本符合性。此测试套件并不声称是详尽的，也不涵盖所有可能的数值颜色值。这些测试可在以下地址找到：https://test.csswg.org/harness/suite/css-color-3_dev/。

9. 未来功能

本节非规范性。

一些与色彩管理相关的功能，如用于指定ICC配置文件的‘@color-profile’规则、控制这些配置文件的渲染意图的方法以及使用这些配置文件的方式（‘color-profile’属性）因当时缺乏实现兴趣而从CSS Color 3中移除。

相关功能的开发在CSS Color 4和5中继续；参见‘color()函数，‘@color-profile’规则，以及‘rendering-intent’描述符。

10. 致谢

感谢Brad Pettit为编写色彩配置文件和实现它所做的贡献。感谢Steven Pemberton对HSL颜色的编写。特别感谢Marc Attinasi、Bert Bos、Joe Clark、fantasai、Patrick Garies、Tony Graham、Ian Hickson、Susan Lesch、Alex LeDonne、Cameron McCormack、Krzysztof Maczyński、Chris Moschini、Chris Murphy、Christoph Päper、David Perrell、Jacob Refstrup、Dave Singer、Jonathan Stanley、Andrew Thompson、Russ Weakley、Etan Wexler、David Woolley、Boris Zbarsky、Steve Zilles、XSL工作组的XSL FO小组以及所有www-style社区的反馈。还要感谢Chris Lilley作为CSS Color领域的专家。

11. 更改

自2021年8月5日推荐以来的更改

进行了以下编辑更正：

• 示例HSL值及示例转换代码。
• 明确了不区分大小写是ASCII大小写不敏感。
• 从属性定义表中删除了“媒体”项。
• 将“已删除功能的实施呼吁”替换为“未来功能”。

自2018年6月19日推荐以来的更改

• 候选更正1：示例HSL值及转换代码。
• 候选更正2：明确了不区分大小写。
• 候选更正3：从属性定义表中删除了“媒体”项。
• 候选更正4：替换了“已删除功能的实施呼吁”。

自2017年12月5日候选推荐以来的更改

• 修正了非实质性错误（多余的分号）。
• 删除了链接到不再存在的`appearance`属性的尾随链接。
• 更新了此更改部分。
• 为提议推荐更新了日期和样板。

自2011年6月7日推荐以来的更改

本文件与2011年6月7日推荐的不同之处在于，它包含以下更改：

• 将简介部分标记为非规范性。
• 在定义不透明度时，不使用SVG特定术语。
• 更清楚地描述了不透明度对z排序的影响，并明确“视为”不意味着计算值的变化。
• 使‘currentColor’成为计算值，并在使用值时解析，而不是在计算值中解析。(测试，结果)。
• 更新了对当前版本的引用。

有关早期草案的更改，请参见先前推荐中的更改及其中链接的先前版本。

先前的意见处理：

• 2008年最后呼叫的意见处理。
• 2003年候选推荐的意见处理。
• 2003年最后呼叫的意见处理。

12. 参考文献

12.1. 规范性参考

[COLORIMETRY]

Colorimetry, Third Edition. CIE 15:2004. ISBN 978-3-901906-33-6

[CSS21]

Bert Bos等。层叠样式表第2级修订版1 (CSS 2.1) 规范。 2011年6月7日。W3C 推荐。URL: http://www.w3.org/TR/2011/REC-CSS2-20110607

[SRGB]

多媒体系统和设备 - 颜色测量和管理 - 第2-1部分：颜色管理 - 默认RGB颜色空间 - sRGB。 IEC 61966-2-1 (1999-10) ISBN: 2-8318-4989-6 - ICS 代码: 33.160.60, 37.080 - TC 100 - 51 页。经修订A1:2003。URL: https://webstore.iec.ch/publication/6168

[SVG11]

Erik Dahlström等。可缩放矢量图形 (SVG) 1.1 (第二版)。 2011年8月16日。W3C 推荐。URL: http://www.w3.org/TR/2011/REC-SVG11-20110816/

12.2. 参考性参考

[CSS-UI-3]

Tantek Çelik; Florian Rivoal. CSS基本用户界面模块第3级 (CSS3 UI)。 2018年6月21日。W3C推荐。URL: https://www.w3.org/TR/2018/REC-css-ui-3-20180621/

[CSS2]

Bert Bos等。层叠样式表，第2级 (CSS2) 规范。 2011年6月7日。W3C推荐。URL: http://www.w3.org/TR/2011/REC-CSS2-20110607

[HTML401]

Dave Raggett; Arnaud Le Hors; Ian Jacobs. HTML 4.01 规范。 1999年12月24日。W3C推荐。URL: http://www.w3.org/TR/1999/REC-html401-19991224

[OEB101]

开放电子书(tm) 发布结构 1.0.1。 开放电子书论坛(tm)。2001年7月2日。URL: https://www.loc.gov/preservation/digital/formats/fdd/fdd000054.shtml

[SVG10]

Jon Ferraiolo. 可缩放矢量图形 (SVG) 1.0 规范。 2001年9月4日。W3C推荐。URL: http://www.w3.org/TR/2001/REC-SVG-20010904

[WCAG20]

Ben Caldwell等。Web内容可访问性指南 (WCAG) 2.0。 2008年12月11日。W3C推荐。URL: http://www.w3.org/TR/2008/REC-WCAG20-20081211/

[X11COLORS]

Wikipedia X11颜色名称。 URL: https://en.wikipedia.org/wiki/X11_color_names

[XML10]

C. M. Sperberg-McQueen等。可扩展标记语言 (XML) 1.0（第五版）。 2008年11月26日。W3C推荐。URL: http://www.w3.org/TR/2008/REC-xml-20081126/

索引

• ActiveBorder, 4.5.1.
• ActiveCaption, 4.5.1.
• aliceblue, 4.3.
• <alphavalue>, 3.2., 4.2.2., 4.2.5.
• antiquewhite, 4.3.
• AppWorkspace, 4.5.1.
• aqua, 4.1., 4.3.
• aquamarine, 4.3.
• azure, 4.3.
• Background, 4.5.1.
• beige, 4.3.
• bisque, 4.3.
• black, 4.1., 4.3.
• blanchedalmond, 4.3.
• blue, 4.1., 4.3.
• blueviolet, 4.3.
• brown, 4.3.
• burlywood, 4.3.
• ButtonFace, 4.5.1.
• ButtonHighlight, 4.5.1.
• ButtonShadow, 4.5.1.
• ButtonText, 4.5.1.
• cadetblue, 4.3.
• CaptionText, 4.5.1.
• chartreuse, 4.3.
• chocolate, 4.3.
• color, 3.1.
• <color>, 4.
• color:<color>, 3.1.
• color-interpolation, 5.
• color-rendering, 5.
• compositing, 5.
• coral, 4.3.
• cornflowerblue, 4.3.
• cornsilk, 4.3.
• crimson, 4.3.
• currentColor, 4.4., 3.1., 3.1.
• cyan, 4.3.
• darkblue, 4.3.
• darkcyan, 4.3.
• darkgoldenrod, 4.3.
• darkgray, 4.3.
• darkgreen, 4.3.
• darkgrey, 4.3.
• darkkhaki, 4.3.
• darkmagenta, 4.3.
• darkolivegreen, 4.3.
• darkorange, 4.3.
• darkorchid, 4.3.
• darkred, 4.3.
• darksalmon, 4.3.
• darkseagreen, 4.3.
• darkslateblue, 4.3.
• darkslategray, 4.3.
• darkslategrey, 4.3.
• darkturquoise, 4.3.
• darkviolet, 4.3.
• deeppink, 4.3.
• deepskyblue, 4.3.
• dimgray, 4.3.
• dimgrey, 4.3.
• dodgerblue, 4.3.
• firebrick, 4.3.
• floralwhite, 4.3.
• forestgreen, 4.3.
• fuchsia, 4.1., 4.3.
• gainsboro, 4.3.
• ghostwhite, 4.3.
• gold, 4.3.
• goldenrod, 4.3.
• gray, 4.1., 4.3.
• GrayText, 4.5.1.
• green, 4.1., 4.3.
• greenyellow, 4.3.
• grey, 4.3.
• Highlight, 4.5.1.
• HighlightText, 4.5.1.
• honeydew, 4.3.
• hotpink, 4.3.
• hsl(), 4.2.4.
• hsla(), 4.2.5.
• InactiveBorder, 4.5.1.
• InactiveCaption, 4.5.1.
• InactiveCaptionText, 4.5.1.
• indianred, 4.3.
• indigo, 4.3.
• InfoBackground, 4.5.1.
• InfoText, 4.5.1.
• ivory, 4.3.
• khaki, 4.3.
• lavender, 4.3.
• lavenderblush, 4.3.
• lawngreen, 4.3.
• lemonchiffon, 4.3.
• lightblue, 4.3.
• lightcoral, 4.3.
• lightcyan, 4.3.
• lightgoldenrodyellow, 4.3.
• lightgray, 4.3.
• lightgreen, 4.3.
• lightgrey, 4.3.
• lightpink, 4.3.
• lightsalmon, 4.3.
• lightseagreen, 4.3.
• lightskyblue, 4.3.
• lightslategray, 4.3.
• lightslategrey, 4.3.
• lightsteelblue, 4.3.
• lightyellow, 4.3.
• lime, 4.1., 4.3.
• limegreen, 4.3.
• linen, 4.3.
• magenta, 4.3.
• maroon, 4.1., 4.3.
• mediumaquamarine, 4.3.
• mediumblue, 4.3.
• mediumorchid, 4.3.
• mediumpurple, 4.3.
• mediumseagreen, 4.3.
• mediumslateblue, 4.3.
• mediumspringgreen, 4.3.
• mediumturquoise, 4.3.
• mediumvioletred, 4.3.
• Menu, 4.5.1.
• MenuText, 4.5.1.
• midnightblue, 4.3.
• mintcream, 4.3.
• mistyrose, 4.3.
• moccasin, 4.3.
• navajowhite, 4.3.
• navy, 4.1., 4.3.
• oldlace, 4.3.
• olive, 4.1., 4.3.
• olivedrab, 4.3.
• opacity, 3.2.
• orange, 4.3.
• orangered, 4.3.
• orchid, 4.3.
• palegoldenrod, 4.3.
• palegreen, 4.3.
• paleturquoise, 4.3.
• palevioletred, 4.3.
• papayawhip, 4.3.
• peachpuff, 4.3.
• peru, 4.3.
• pink, 4.3.
• plum, 4.3.
• powderblue, 4.3.
• purple, 4.1., 4.3.
• red, 4.1., 4.3.
• #rgb, 4.2.1.
• rgb(), 4.2.1.
• rgba(), 4.2.2.
• rosybrown, 4.3.
• royalblue, 4.3.
• #rrggbb, 4.2.1.
• saddlebrown, 4.3.
• salmon, 4.3.
• sandybrown, 4.3.
• Scrollbar, 4.5.1.
• seagreen, 4.3.
• seashell, 4.3.
• sienna, 4.3.
• silver, 4.1., 4.3.
• skyblue, 4.3.
• slateblue, 4.3.
• slategray, 4.3.
• slategrey, 4.3.
• snow, 4.3.
• springgreen, 4.3.
• sRGB, 4.2.1., 4.1.
• steelblue, 4.3.
• system colors, 4.5.1.
• tan, 4.3.
• teal, 4.1., 4.3.
• thistle, 4.3.
• ThreeDDarkShadow, 4.5.1.
• ThreeDFace, 4.5.1.
• ThreeDHighlight, 4.5.1.
• ThreeDLightShadow, 4.5.1.
• ThreeDShadow, 4.5.1.
• tomato, 4.3.
• transparent, 4.2.3., 3.1.
• turquoise, 4.3.
• violet, 4.3.
• wheat, 4.3.
• white, 4.1., 4.3.
• whitesmoke, 4.3.
• Window, 4.5.1.
• WindowFrame, 4.5.1.
• WindowText, 4.5.1.
• yellow, 4.1., 4.3.
• yellowgreen, 4.3.

属性索引