css颜色

/* 示例代码：使用 CSS 设置不同类型的颜色 */

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

/* 2. 使用十六进制颜色值 */
h1 {
    color: #ff5733;
}

/* 3. 使用 RGB 颜色值 */
p {
    color: rgb(100, 149, 237);
}

/* 4. 使用 RGBA 颜色值（带透明度） */
div {
    background-color: rgba(76, 175, 80, 0.5);
}

/* 5. 使用 HSL 颜色值 */
span {
    color: hsl(200, 100%, 50%);
}

/* 6. 使用 HSLA 颜色值（带透明度） */
a {
    color: hsla(240, 100%, 50%, 0.7);
}

解释说明：

• 颜色名称：CSS 提供了许多预定义的颜色名称，如 lightblue。
• 十六进制颜色值：以 # 开头，后面跟 6 位十六进制数字，如 #ff5733。
• RGB 颜色值：使用红、绿、蓝三种颜色的组合来定义颜色，如 rgb(100, 149, 237)。
• RGBA 颜色值：在 RGB 的基础上增加一个透明度参数，取值范围为 0 到 1，如 rgba(76, 175, 80, 0.5)。
• HSL 颜色值：使用色相、饱和度和亮度来定义颜色，如 hsl(200, 100%, 50%)。
• HSLA 颜色值：在 HSL 的基础上增加一个透明度参数，如 hsla(240, 100%, 50%, 0.7)。