在本教程中，我们将学习CSS颜色。

颜色

我们使用color属性来设置元素内容的颜色。

我们可以使用颜色名称，RGB(红色，绿色，蓝色)值，十六进制值，RGBA(红色，绿色，蓝色，alpha)值设置颜色值。

子元素可以继承父元素的颜色。

您可以使用本的混色器来混合和尝试颜色。

颜色名称

在下面的示例中，我们将div元素的颜色设置为红色。

div {
	color : red;
}

RGB颜色

RGB代表红色，绿色和蓝色。
我们可以使用rgb值设置元素的颜色。
RGB的每个分量取一个介于0到255之间的值，其中0表示未采用该分量，而255表示该分量在最终结果中完全存在。

我们可以结合RGB的分量值来创建不同的颜色。
例如，如果将RGB全部设置为255，则得到白色。
并且，如果所有三个分量RGB都设置为0，那么我们将得到黑色。

RGB中的红色= 255，0，0 RGB中的绿色= 0，255，0 RGB中的蓝色= 0，0，255

在下面的示例中，我们将div的颜色设置为绿色。

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

十六进制颜色

在此，我们为每个RGB使用十六进制值设置元素的颜色。

十六进制或者十六进制数字由16个数字0到9和A到F组成，其中A代表10，F代表15(十进制)。
我们也可以使用小写字母a到f。

要了解有关十六进制到十进制转换的更多信息，请查看本教程。

RGB的每个分量的取值范围为0到255，因此在十六进制中，它的取值范围是00到FF。

例如，如果要使用白色，则必须将RGB设置为255,255,255，十六进制为FFFFFF。
同样，如果我们想要黑色，则必须将RGB设置为0,0,0(十六进制为000000)。

十六进制中的红色= FF0000十六进制中的红色= 00FF00十六进制中的蓝色= 0000FF

在下面的示例中，我们将div的颜色设置为蓝色。

div {
	color : #0000FF;
}

十六进制速记

如果十六进制中每个RGB分量的值是成对的(即相同)，那么我们可以将两个成对的字符替换为一个字符。

例如，十六进制中的WHITE为FFFFFF。
因此，我们有三对(FF)(FF)(FF)，也可以写成FFF。
同样，十六进制中的黑色为000000，可以写为000。

十六进制中的红色(简写)= F00十六进制中的绿色(简写)= 0F0十六进制中的蓝色(简写)= 00F

简写形式的十六进制值必须包含3个字符，可以扩展为6个字符。

以下是无效的速记十六进制值。

十六进制中的红色(简写)= F0F0十六进制中的绿色(简写)= FAFAF十六进制中的蓝色(简写)= FFAB

在以下示例中，我们将div的颜色设置为#1ad。

div {
	color : #1ad;
}

RGBA颜色

在RGBA颜色中，我们有4个分量。
RGB与上述相同。
第四个分量A用于Alpha，它控制不透明度并取值从0到1。
因此，如果A的值为0，则不透明度为0％，即，我们将不会显示元素的颜色。
如果A的值为1，则不透明度为100％。

在下面的示例中，我们将div的颜色设置为红色，将alpha设置为0.5。

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

在以下示例中，我们将div的颜色设置为蓝色，将alpha设置为1。

div {
	color : rgba(0, 0, 255, 1);
}