css颜色单位表示法

所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256 256 256种颜色。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>

hsla色相表示法：

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

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

这里推荐一下我的前端学习交流群：731771211，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。

点击： 加入