直观的颜色单位
在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
,那我们就不能这样写,还得原样写