颜色的单位

直观的颜色单位

在css可以直接使用颜色的单词来表示不同的颜色,比如,red,blus,green

RGB值

rgb是red,green,blue三元色(光的三元色)
通过这三种颜色的不同浓度来表示出不同的颜色。
rgp(红色的浓度,绿色的浓度,蓝色的浓度)
颜色浓度需要用一个0~255之间的一个值来设置,255最大,0表示没有
如:
在这里插入图片描述
我们如果想要知道某个颜色的rgb的值我们可以用截图工具,比如QQ自带的截图工具如下
在这里插入图片描述

右边的就是QQ截图工具对颜色的判断

当然我们也可以用百分号代替0~255,0是0%,255是100%
rgb(100%,100%,100%)代表的颜色即为rgb(255,255,255)即白色

用16进制的rgb值表示颜色

原理跟上面一样,不过用十六进制数来代替,使用三组两位的十六进制数组来表示一个颜色
每组表示一个颜色
语法:#红色绿色蓝色
#ff0000表示rgb(255,0,0)即红色

十六进制:
0 1 2 3 4 5 6 7 8 9 a  b  c  d  e  f  10
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

在这里插入图片描述

最小00表示没有即正常情况下的0,最大ff表示最大即正常情况下的255
当要表示的颜色在十六进制中总是两两重复就比如#ff0000或者#aabbcc那么我们可以简写成#f00或者·abc即省去一个字母,但是,如果不是三组都是两个重复比如#aabbcd,那我们就不能这样写,还得原样写

猜你喜欢

转载自blog.csdn.net/qq_45821251/article/details/108984699
今日推荐