颜色的属性值:不区分大小写(包括在php中)
十六进制(hexadecimal)是计算机中数据的一种表示方法。同我们日常中的十进制表示法不一样,它由0-9,A-F组成.与10进制的对应关系是:
0-9对应0-9 A-F对应10-15(A:10 B:11 C:12 D:13 E:14 F:15) 前缀名用0x来表示
颜色值的缩写:
p{color:#000000}
可以缩写为:p{color:#000000}
p{color:#336699}
可以缩写为:p{color:#369}
比如我们调一种桔红色
这种颜色的十进制颜色值为R=239;G=125;B=49,转换成十六进制为R=EF;G=7D;B=31。
C语言中写成"RGB(239, 125, 49)",也可以写成十六进制的形式"0xEF7D31",在网页HTML代码中写成"#EF7D31"。
RGB也可以写成百分百(100%,100%,0%)
RGB(100%,100%,0%)对应的红、绿分量都为255,蓝分量为0;
颜色中的RGB成分数值范围均为(0~255),用十六进制表示即(0x00~0xFF),这个范围正好占用一个字节(8位)。
因此一种颜色含RGB三种成分占用三个字节(24位),这就是24位真彩色的由来了。
如何根据RGB值来判断这是种什么颜色?
下面介绍几种典型颜色的RGB值,格式为:颜色(R,G,B)。
想象一下有红、绿、蓝三盏射灯打出三束光。
这三束光叠加在一起时产生白色,如果三盏灯的亮度都减半就产生了灰色,如果三盏灯都关掉就会一片漆黑了。
白色(255,255,255) 灰色(127,127,127) 黑色(0,0,0)
关掉绿灯和蓝灯,只亮红灯,那么只会看到一片红色;只亮绿灯或蓝灯则只会看到绿色或蓝色。
红色(255,0,0) 绿色(0,255,0) 蓝色(0,0,255)
关掉其中一盏灯,用其他两盏灯的光线叠加,则蓝 绿=青,红 蓝=洋红,红 绿=黄。
青色(0,255,255) 洋红色(255,0,255) 黄色(255,255,0)
其它颜色可以根据这几种颜色的RGB比例来判断。
橙色(255,127,0) 紫色(127,0,255) 粉绿(0,225,128)
湖蓝(0,128,255) 草绿(128,255,0) 玫瑰红(255,0,128)
某种颜色的RGB值越接近,这种颜色就越接近灰色或黑白,数值越大就越白,反之越黑。
比如RGB(150,152,183),RGB值比较接近,但是蓝色的成份较多一些,因此我们可以判断出这是一种蓝灰色。
某种颜色的RGB值如果其中一值与其它两值相差较大,而其它两值比较接近,那么根据RGB中较大的值可以知道这种颜色是比较接近红、
绿、蓝、洋红、青、黄中的一种。比如RGB(150,20,156),R和B值比较接近,G的值较小,因此这是种深紫红色;
而RGB(150,200,156),R和B值比较接近,G的值较大,因此这是种浅绿色。
这种判断方法,实际上就是我们的大脑凭直觉转换RGB为HSB的一种方法,因此实际调色时,我们一般使用HSB而不用RGB,
不过因为RGB值表示颜色的方法在电脑中极为普遍,所以还是需要了解的。
常用颜色的颜色名称和颜色代码
黑色 black #000000 栗色 maroon #800000
深蓝色 navy #000080 紫色 purpe #800080
绿色 green #008000 橄榄色 olive #808000
墨绿色 teal #008080 灰色 grey #808080
银灰色 silver #c0c0c0 红色 red #ff0000
蓝色 blue #0000ff 紫红色 fuchsia #ff00ff
浅绿色 lime #00ff00 黄色 yellow #ffff00
青色 aqua #00ffff 白色 white #ffffff