css 颜色

/* CSS 颜色示例 */

/* 使用颜色名称 */
body {
    background-color: lightblue;
}

/* 使用十六进制值 */
h1 {
    color: #ff0000; /* 红色 */
}

/* 使用 RGB 值 */
p {
    color: rgb(0, 128, 0); /* 绿色 */
}

/* 使用 RGBA 值（带透明度） */
div {
    background-color: rgba(255, 255, 0, 0.5); /* 半透明黄色 */
}

/* 使用 HSL 值 */
span {
    color: hsl(240, 100%, 50%); /* 蓝色 */
}

/* 使用 HSLA 值（带透明度） */
a {
    color: hsla(120, 100%, 50%, 0.7); /* 半透明绿色 */
}

解释说明：

• 颜色名称：可以直接使用预定义的颜色名称，如 lightblue。
• 十六进制值：使用 # 开头的六位十六进制数表示颜色，如 #ff0000 表示红色。
• RGB 值：使用 rgb() 函数，通过红、绿、蓝三个通道的值来定义颜色。
• RGBA 值：在 RGB 的基础上增加一个透明度参数（0 到 1 之间），如 rgba(255, 255, 0, 0.5) 表示半透明黄色。
• HSL 值：使用 hsl() 函数，通过色调、饱和度和亮度来定义颜色。
• HSLA 值：在 HSL 的基础上增加一个透明度参数。