css 颜色代码

/* 这是一个使用 CSS 颜色代码的示例 */

/* 使用十六进制颜色代码 */
body {
    background-color: #ff0000; /* 红色 */
}

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

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

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

/* 使用 HSLA 颜色代码 (带透明度) */
span {
    color: hsla(240, 100%, 50%, 0.3); /* 半透明纯蓝色 */
}

解释说明：

• 十六进制颜色代码：以 # 开头，后面跟六个十六进制字符（0-9 和 A-F），表示红、绿、蓝三种颜色的组合。例如 #ff0000 表示红色。
• RGB 颜色代码：使用 rgb() 函数，传入三个参数分别表示红、绿、蓝的颜色值（0-255）。例如 rgb(0, 255, 0) 表示绿色。
• RGBA 颜色代码：在 RGB 的基础上增加一个透明度参数（0-1 之间的浮点数），例如 rgba(0, 0, 255, 0.5) 表示半透明的蓝色。
• HSL 颜色代码：使用 hsl() 函数，传入三个参数分别表示色相（0-360）、饱和度（百分比）和亮度（百分比）。例如 hsl(120, 100%, 50%) 表示纯绿色。
• HSLA 颜色代码：在 HSL 的基础上增加一个透明度参数（0-1 之间的浮点数），例如 hsla(240, 100%, 50%, 0.3) 表示半透明的纯蓝色。