CSS HTML ·

十六进制色值什么时候能缩写为3位

制作网页时,我们经常会把色标值简写为:#FFF,或#CCC等,但有时会写成#FFFFFF,#CCCCCC,这两种书写形式有什么不同呢,或者说它们之间有什么联系呢?下面就简要的说说。

我们知道:#FFF,#CCC,#FFFFFF,#CCCCCC,这种格式是十六进制的色值写法,当书写的为3位时,那3位字母分别对应代表的是三原色R(red)、G(green)、B(blue)的取值数;若书写为6位时,那第1、2位代表的是R取值,第3、4位代表的是G的取值,第5、6位代表的是B的取值。

明白了这两种书写格式分别代表的函义,那就比较好理解它们之前的区别和联系了。

其实,#FFF是#FFFFFF的缩写,#CCC是#CCCCCC的缩写,但并不是所有的色标值都可以缩写的,必须符合一定格式的色标值才能缩写。比如:
#000000 --> #000;
#AABBCC --> #ABC;
#999999 --> #999;
#112233 --> #123

从上面的例子可总结出,6位可以缩写为3位的,都是以每2位为缩写单位,且数值必须相同的,即R、G、B对应的两位取值数完全一致时才可以缩写为3位。

参与评论