跳到正文
编写
登录

颜色资料:修订间差异

更多
迷雾样式迁移​(留言 | 贡献)
重排科普目录与分类页面;保留工具索引和学习资源
 
迷雾样式迁移​(留言 | 贡献)
重写科普正文:定义、结构、原理与资料表
第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"
{| 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>
| 按色相、饱和度和亮度表达相应颜色。
|}
|}
比较图片颜色时还要考虑透明度、色彩配置文件、压缩与显示设备。单个像素的 RGB 值不能独自说明肉眼看到的真实物体颜色。<ref name="css" />
上述写法在常见 sRGB 网页上下文中对应红色。透明度还可单独表示,不属于红绿蓝三种分量。颜色数值经过色彩空间、显示设备和环境光等环节才形成视觉结果,因此数值、命名色与实际物体颜色不是同一对象。参见 [[颜色模型与通道]]。


== 参考资料 ==
== 参考资料 ==
<references />
* [https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Values/color_value MDN《&lt;color&gt;》,中文]


[[工具和科普/资料查询|返回资料查询]]
[[工具和科普/资料查询|返回资料查询]]

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

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

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

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

参考资料

返回资料查询

迷雾 Wiki
搜索迷雾 Wiki
阅读设置