所有的颜色都可以由红,绿,蓝三原色调配而成。CSS中用8位表示一个颜色,那么可以有28即256种颜色,所以总共可以表示256 256 256种颜色。css纵有多种颜色表示:
<强> 十六进制表示法: 强
可表示为:# RRGGBB,其中RR(红色),GG(绿色)和BB(蓝)色。所有值必须介于0和FF之间。
例如:# 0000 FF值呈现为蓝色,因为蓝色的组成设置为最高值(FF)而其他设置为0。也可表示为:# RGB值也必须为0到f之间,例如:# 00 f表示为蓝色。
<前> & lt; p 风格=把丈?,# ff0000"在十六进制颜色& lt;/p> 之前rgb表示法:
表示法为:RGB(红,绿,蓝),每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。
例如:rgb(0, 0255),表示为蓝色,值越高,颜色混合占比越多。rgba表示法:表示法为:rgba(红,绿,蓝,α)。α参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
<前> & lt; p 风格=把丈?,RGB(256, 0, 0),在RGB颜色& lt;/p> 之前RGBA(α)表示法:
在RGB的基础上增加了透明度分量,该分量的取值为0 ~ 1.0之间变化
<前> & lt; p 风格=把丈?,RGBA(256, 0, 0, 0.1)“在RGB颜色& lt;/p> 之前奥软色相表示法:
表示法为:高速逻辑(色调,饱和度,明度)。色相是在色轮上的程度(从0到360)0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。
<前> & lt; p 风格=把丈?,高速逻辑(120年,50%,50%)“祝辞HSL 之前hsla色相表示法:
表示法为:HSLA(色调,饱和度,亮度,α),α是α参数定义的不透明度,α参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
<前> & lt; p 风格=把丈?,HSLA(120年,50%、50%、0.1)“祝辞HSLA 之前
这里推荐一下我的前端学习交流群:731771211,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。从最基础的HTML + CSS + JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习网前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入。
加入
