国际访客建议访问 Primers 编程伙伴 国际服 以获得更好的体验。 快速访问 HTML 样式 颜色

# CSS 的颜色

属性 描述 查看
color 颜色 查看
background-color 背景颜色 查看

颜色的表示方法:

  1. 颜色名,例如 red, pink, green

  2. #RGBA,其中 R 为红色通道,G 为绿色通道,B 为蓝色通道,A 为 Alpha 通道,取值均为十六进制 0 到 f,不区分大小写,下同

  3. #RRGGBBAA,每个通道两位

  4. #RGB,省略 alpha 通道

  5. #RRGGBB,省略 alpha 通道

  6. rgba(R, G, B),其中 R 为红色通道,G 为绿色通道,B 为蓝色通道,取值为整数 0 到 255,下同

  7. rgba(R, G, B, A)A 为 Alpha 通道取值为小数 0 到 1

Alpha 通道用于 颜色重叠时作为参数 参与颜色混合算法的计算,通常表示不透明度。

可以使用 颜色转换工具 进行格式转换。

# color

CSS 中使用 color 设置颜色,例如:

<p style="color:pink;">Primers —— 你的编程学习伙伴</p>
<p style="color:#39c5bb;">Primers —— 你的编程学习伙伴</p>
<p style="color:rgb(102, 204, 255);">Primers —— 你的编程学习伙伴</p>

# background-color

CSS 中使用 background-color 设置背景色,例如:

<p style="background-color:pink;">Primers —— 你的编程学习伙伴</p>
<p style="background-color:#39c5bb;">Primers —— 你的编程学习伙伴</p>
<p style="background-color:rgb(102, 204, 255);">Primers —— 你的编程学习伙伴</p>
背景 章节。'>

# 标准颜色名称

本文 更新于: 2025-06-05 19:13:11 创建于: 2025-06-05 19:13:11