[分享]css中字体颜色代码表

CSS中的字体颜色广泛用于网页布局中，是网页设计中不可或缺的一部分。在CSS中，我们可以使用颜色名、颜色值、RGB值、RGBA值、HSL值、HSLA值等多种方式来设置字体颜色。1. 颜色名：p { c...

CSS中的字体颜色广泛用于网页布局中，是网页设计中不可或缺的一部分。在CSS中，我们可以使用颜色名、颜色值、RGB值、RGBA值、HSL值、HSLA值等多种方式来设置字体颜色。

1. 颜色名：

p {
    color: red;
} 

CSS提供了一系列颜色名，例如：red（红色）、blue（蓝色）、green（绿色）、yellow（黄色）、orange（橙色）等。使用颜色名设置字体颜色比较直观，并且只需输入一个单词即可。

2. 颜色值：

p {
    color: #FF0000;
} 

颜色值是一个6位的十六进制数，前两位是红色，中间两位是绿色，后两位是蓝色。我们可以使用这种方式来设置16,777,216种不同的颜色。

3. RGB值：

p {
    color: rgb(255, 0, 0);
} 

RGB值是由红、绿、蓝三原色不同比例组成的颜色。每个值的范围为0-255，我们可以通过将三个值组合得到任何颜色。

4. RGBA值：

p {
    color: rgba(255, 0, 0, 0.5);
} 

RGBA值同样由红、绿、蓝三原色和透明度组成，透明度的值范围为0-1。透明度为0表示完全透明，透明度为1表示完全不透明。

5. HSL值：

p {
    color: hsl(0, 100%, 50%);
} 

HSL值由色相（hue）、饱和度（saturation）和亮度（lightness）组成。色相的范围是0-360度，饱和度和亮度的范围是0%-100%。

6. HSLA值：

p {
    color: hsla(0, 100%, 50%, 0.5);
} 

HSLA值同样由色相、饱和度、亮度和透明度组成。

以上就是CSS中常用的字体颜色代码表，可以根据实际需要选择不同的方式来设置字体颜色，以达到最佳的视觉效果。