CSS |颜色

CSS颜色属性用于设置HTML元素的颜色。此属性用于设置字体颜色、背景色等。

元素的颜色可以通过以下方式定义：

• 内置颜色
• RGB格式
• RGBA格式
• 十六进制记数法
• HSL
• HSLA

内置颜色： 这是一组预定义的颜色，按其名称使用。例如：红色、蓝色、绿色等。 语法：

h1 {
    color: color-name;
}

例子：

输出：

RGB格式： RGB（红、绿、蓝）格式通过指定介于0到255之间的R、G、B值来定义HTML元素的颜色。例如：红色的RGB值是（255，0，0），绿色是（0，255，0），蓝色是（0，0，255）等等。 语法：

h1 {
    color: rgb(R, G, B);
}

例子：

输出：

RGBA格式： RGBA格式与RGB类似，但区别在于RGBA包含指定元素透明度的（Alpha）。alpha的值介于0.0到1.0之间，其中0.0。表示完全透明，1.0表示不透明。 语法：

h1 {
    color:rgba(R, G, B, A);
}

例子：

输出：

十六进制表示法： 十六进制符号以#符号开头，后跟6个字符，每个字符的范围从0到F。例如：红色#FF0000、绿色#00FF00、蓝色#0000FF等。 语法：

h1 {
    color:#(0-F)(0-F)(0-F)(0-F)(0-F)(0-F);
}

例子：

输出：

HSL： HSL分别代表色调、饱和度和亮度。此格式使用柱坐标系。

• 色调： 色调是色轮的程度。其值介于0到360之间，其中0表示红色，120表示绿色，240表示蓝色。
• 饱和： 它采用百分比值，其中100%表示完全饱和，而0%表示完全不饱和（灰色）。
• 轻盈： 它采用百分比值，其中100%代表白色，而0%代表黑色。

语法：

h1 {
    color:hsl(H, S, L);
}

例子：

输出：

HSLA： HSLA颜色属性与HSL属性类似，但区别在于HSLA包含一个（Alpha），用于指定元素的透明度。alpha的值介于0.0到1.0之间，其中0.0。表示完全透明，1.0表示不透明。 语法：

h1 {
    color:hsla(H, S, L, A);
}

例子：

输出：

文本颜色： 它用于设置文本的颜色。 语法：

h1 {
    color:color_name;
}

例子：

输出：

背景色： 它用于设置HTML元素的背景色。 语法：

h1 {
    background-color:color_name;
}

例子：

输出：

边框颜色： 它用于设置元素的边框颜色。边框样式用于设置边框类型。 语法：

h1 {
    border-style:solid/dashed/dotted
    border-color:color_name;
}

例子：

输出：

颜色列表： 下面是一些CSS颜色的列表。