颜色资料：修订间差异

2026年10月14日 (三) 10:52的最新版本

数字颜色可用颜色名称、十六进制值或颜色函数表示。网页中的十六进制 #RRGGBB 依次给出红、绿、蓝三个 8 位分量；RGB 和 HSL 等表示法描述同一颜色空间中的不同坐标形式。

表示法	红色的示例
十六进制	`#FF0000`
RGB	`rgb(255 0 0)`
HSL	`hsl(0 100% 50%)`

上述写法在常见 sRGB 网页上下文中对应红色。透明度还可单独表示，不属于红绿蓝三种分量。颜色数值经过色彩空间、显示设备和环境光等环节才形成视觉结果，因此数值、命名色与实际物体颜色不是同一对象。参见颜色模型与通道。

CSS 基本颜色名

CSS 定义了以下 16 个基本颜色名。名称是规范中的标识符，表中数值为对应的 sRGB 十六进制表示；这不是自然语言里所有颜色名称的完整列表。

名称	十六进制值
black	`#000000`
silver	`#C0C0C0`
gray	`#808080`
white	`#FFFFFF`
maroon	`#800000`
red	`#FF0000`
purple	`#800080`
fuchsia	`#FF00FF`
green	`#008000`
lime	`#00FF00`
olive	`#808000`
yellow	`#FFFF00`
navy	`#000080`
blue	`#0000FF`
teal	`#008080`
aqua	`#00FFFF`

参考资料

返回资料查询

@@ 第1行： / 第1行： @@
-数字颜色既可以写成名称，也可以写成颜色空间中的数值。网页常见的 <code>#RRGGBB</code> 分别给出红、绿、蓝三个通道的十六进制分量；HSL 描述色相、饱和度与亮度。名称、数值和屏幕实际呈现不是同一件事。<ref name="css">[https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Values/color_value MDN《&lt;color&gt;》，中文]</ref>
+数字颜色可用颜色名称、十六进制值或颜色函数表示。网页中的十六进制 <code>#RRGGBB</code> 依次给出红、绿、蓝三个 8 位分量；RGB 和 HSL 等表示法描述同一颜色空间中的不同坐标形式。
-== 看颜色值 ==
 {| class="wikitable"
-! 写法 !! 说明
+! 表示法 !! 红色的示例
 |-
-! #FF0000
+| 十六进制 || <code>#FF0000</code>
-| 在常见 sRGB 网页表示中为红色通道最高、绿蓝为零。
 |-
-! rgb(255 0 0)
+| RGB || <code>rgb(255 0 0)</code>
-| 与上述值表达同一组 RGB 分量。
 |-
-! hsl(0 100% 50%)
+| HSL || <code>hsl(0 100% 50%)</code>
-| 按色相、饱和度和亮度表达相应颜色。
+|}
+上述写法在常见 sRGB 网页上下文中对应红色。透明度还可单独表示，不属于红绿蓝三种分量。颜色数值经过色彩空间、显示设备和环境光等环节才形成视觉结果，因此数值、命名色与实际物体颜色不是同一对象。参见 [[颜色模型与通道]]。
+== CSS 基本颜色名 ==
+CSS 定义了以下 16 个基本颜色名。名称是规范中的标识符，表中数值为对应的 sRGB 十六进制表示；这不是自然语言里所有颜色名称的完整列表。
+{| class="wikitable"
+! 名称 !! 十六进制值
+|-
+| black || <code>#000000</code>
+|-
+| silver || <code>#C0C0C0</code>
+|-
+| gray || <code>#808080</code>
+|-
+| white || <code>#FFFFFF</code>
+|-
+| maroon || <code>#800000</code>
+|-
+| red || <code>#FF0000</code>
+|-
+| purple || <code>#800080</code>
+|-
+| fuchsia || <code>#FF00FF</code>
+|-
+| green || <code>#008000</code>
+|-
+| lime || <code>#00FF00</code>
+|-
+| olive || <code>#808000</code>
+|-
+| yellow || <code>#FFFF00</code>
+|-
+| navy || <code>#000080</code>
+|-
+| blue || <code>#0000FF</code>
+|-
+| teal || <code>#008080</code>
+|-
+| aqua || <code>#00FFFF</code>
 |}
-比较图片颜色时还要考虑透明度、色彩配置文件、压缩与显示设备。单个像素的 RGB 值不能独自说明肉眼看到的真实物体颜色。<ref name="css" />
 == 参考资料 ==
-<references />
+* [https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Values/color_value MDN《&lt;color&gt;》，中文]
+* [https://www.w3.org/TR/css-color-4/#named-colors W3C《CSS Color Module Level 4》，英文，命名颜色表]
 [[工具和科普/资料查询|返回资料查询]]

迷雾样式迁移​（留言 | 贡献）

2026年10月14日 (三) 10:52的最新版本

CSS 基本颜色名

参考资料

迷雾样式迁移（留言 | 贡献）