css颜色代码

/* CSS颜色代码示例 */

/* 使用十六进制颜色代码 */
body {
    background-color: #ffffff; /* 白色 */
    color: #000000; /* 黑色 */
}

/* 使用RGB颜色代码 */
h1 {
    color: rgb(255, 0, 0); /* 红色 */
}

/* 使用RGBA颜色代码（带透明度） */
p {
    background-color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */
}

/* 使用HSL颜色代码 */
a {
    color: hsl(120, 100%, 50%); /* 绿色 */
}

/* 使用预定义的颜色名称 */
span {
    color: orange; /* 橙色 */
}

解释说明：

• 十六进制颜色代码：使用#开头，后面跟6位十六进制字符表示颜色。例如，#ffffff表示白色。
• RGB颜色代码：使用rgb()函数，传入红、绿、蓝三个颜色通道的值（0到255）。例如，rgb(255, 0, 0)表示红色。
• RGBA颜色代码：在RGB的基础上增加一个透明度参数（0到1之间的小数），例如rgba(0, 0, 255, 0.5)表示半透明蓝色。
• HSL颜色代码：使用hsl()函数，传入色相（0到360）、饱和度（百分比）和亮度（百分比）。例如，hsl(120, 100%, 50%)表示绿色。
• 预定义的颜色名称：CSS支持一些预定义的颜色名称，如orange表示橙色。