css的颜色设置颜色

CSS中的颜色设置

在CSS中，我们常常会用到颜色的设置。CSS支持许多不同的表示颜色的方法，包括名称、RGB值、HEX值、HSL值等等。 

1. 颜色名称

CSS提供了一些常用颜色的名称，例如红色（red）、绿色（green）、蓝色（blue）等等。使用这些名称可以方便地设置颜色。
例如，要设定一个div的背景颜色为红色，可以这么写：
div {
  background-color: red;
}
 

2. RGB值

RGB指红绿蓝3种基本颜色的组合值，表示为一个由3个数字组成的元组（红色、绿色、蓝色）。每个数字的取值范围是0~255。
例如，红色的RGB值为(255, 0, 0)。设置颜色时，在RGB值前加上"rgb"，中间用逗号分隔每个数字即可。
例如，要设定一个div的文字颜色为蓝色，可以这么写：
div {
  color: rgb(0, 0, 255);
}
 

3. HEX值

HEX值是16进制表示法，一共有6个字符，前两个表示红色，中间两个表示绿色，后两个表示蓝色。每个字符的取值范围是0~F。其中，A~F表示10~15。
例如，红色的HEX值为#FF0000。设置颜色时，在HEX值前加上"#"即可。
例如，要设定一个a链接的颜色为橙色，可以这么写：
a {
  color: #FFA500;
}
 

4. HSL值

HSL由"色相"、"饱和度"和"亮度"三个成分组成。色相表示颜色在色轮上的位置，饱和度表示颜色的纯度，亮度表示颜色的明暗程度。HSL值可以用"hsl"表示。
例如，红色的HSL值为"hsl(0, 100%, 50%)"。设置颜色时，在HSL值前加上"hsl"，中间用逗号分隔每个成分即可。
例如，要设定一个h1的背景颜色为黄色，可以这么写：
h1 {
  background-color: hsl(60, 100%, 50%);
}