web前端入门到实战：css颜色单位表示法

所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256256256种颜色。CSS纵有多种颜色表示：

十六进制表示法：

可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

例如：＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。也可表示为：#RGB，值也必须为0到f之间，例如：#00f表示为蓝色。

<p style="color: #ff0000">十六进制颜色</p>

rgb表示法：

表示法为：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

例如：rgb(0,0,255)，表示为蓝色，值越高，颜色混合占比越多。 rgba表示法：表示法为：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

<p style="color: RGB(256,0,0)">RGB颜色</p>

RGBA（Alpha）表示法：

在RGB的基础上增加了透明度分量，该分量的取值为0~1.0之间变化

<p style="color: RGBA(256,0,0,0.1)">RGB颜色</p>

hsl色相表示法：

表示法为：HSL（色调，饱和度，明度）。色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。

<p style="color: HSL(120,50%,50%)">HSL</p>

对web前端这门技术感兴趣的小伙伴可以加入到我们的学习圈来，正因为我不是211，985，只是个普通的本科生，英语不是特别好，数学不是特别好。所以我选择了前端。工作第六个年头了，我庆幸自己选择了这条路。767-273-102 秋裙。在鹅厂做过，跟着创业头子混过。想把自己的技术分享给大家，如果你还在迷茫，也希望能进我一些绵薄之力，帮助到你。都是一群有梦想的人，我们可能在不同的城市，但我们会一起结伴同行前端前端前端

hsla色相表示法：

表示法为：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

<p style="color: HSLA(120,50%,50%,0.1)">HSLA</p>