css颜色大全

/* CSS颜色大全示例代码 */

/* 1. 颜色名称 */
body {
    background-color: red; /* 红色 */
}

/* 2. 十六进制颜色值 */
h1 {
    color: #00FF00; /* 绿色 */
}

/* 3. RGB颜色值 */
p {
    color: rgb(0, 0, 255); /* 蓝色 */
}

/* 4. RGBA颜色值（带透明度） */
div {
    background-color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
}

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

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

解释说明：

• 颜色名称：CSS 支持许多预定义的颜色名称，如 red、green、blue 等。
• 十六进制颜色值：使用 # 开头，后面跟六个十六进制字符表示颜色，例如 #00FF00 表示绿色。
• RGB颜色值：通过红、绿、蓝三原色的组合来定义颜色，每个颜色分量的取值范围是 0 到 255。
• RGBA颜色值：在 RGB 的基础上增加了透明度参数，取值范围是 0 到 1。
• HSL颜色值：通过色调（Hue）、饱和度（Saturation）、亮度（Lightness）来定义颜色。
• HSLA颜色值：在 HSL 的基础上增加了透明度参数。