CSS 颜色代码表

CSS颜色代码

颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合


颜色值

CSS中定义颜色使用十六进制(hex)表示法为红,绿,蓝的颜色值结合。可以是最低值是0(十六进制00)到最高值是255(十六进制FF)

3个双位数字的十六进制值写法,以#符号开始。

比如如下:

ColorColor HEXColor RGB

#000000rgb(0,0,0)

#FF0000rgb(255,0,0)

#00FF00rgb(0,255,0)

#0000FFrgb(0,0,255)

#FFFF00rgb(255,255,0)

#00FFFFrgb(0,255,255)

#FF00FFrgb(255,0,255)

#C0C0C0rgb(192,192,192)

#FFFFFFrgb(255,255,255)


16万个不同的颜色

红,绿,蓝值从0到255的结合,给出了总额超过16万不同的颜色(256 × 256 ×256)。

现代大多数显示器能够显示至少16384种颜色。

如果你看看下面的颜色表,你会看到从0到255不同的红灯颜色。

要看到充满色彩混合时红灯从0到255变化,单击十六进制或RGB值。

红光16进制值RGB

#000000rgb(0,0,0)

#080000rgb(8,0,0)

#100000rgb(16,0,0)

#180000rgb(24,0,0)

#200000rgb(32,0,0)

#280000rgb(40,0,0)

#300000rgb(48,0,0)

#380000rgb(56,0,0)

#400000rgb(64,0,0)

#480000rgb(72,0,0)

#500000rgb(80,0,0)

#580000rgb(88,0,0)

#600000rgb(96,0,0)

#680000rgb(104,0,0)

#700000rgb(112,0,0)

#780000rgb(120,0,0)

#800000rgb(128,0,0)

#880000rgb(136,0,0)

#900000rgb(144,0,0)

#980000rgb(152,0,0)

#A00000rgb(160,0,0)

#A80000rgb(168,0,0)

#B00000rgb(176,0,0)

#B80000rgb(184,0,0)

#C00000rgb(192,0,0)

#C80000rgb(200,0,0)

#D00000rgb(208,0,0)

#D80000rgb(216,0,0)

#E00000rgb(224,0,0)

#E80000rgb(232,0,0)

#F00000rgb(240,0,0)

#F80000rgb(248,0,0)

#FF0000rgb(255,0,0)


灰阶

灰阶代表了由最暗到最亮之间不同亮度的层次级别,为了使您更容易选择合适的灰色,我们已编制了灰色色调的表:

Gray ShadesHEXRGB

#000000rgb(0,0,0)

#080808rgb(8,8,8)

#101010rgb(16,16,16)

#181818rgb(24,24,24)

#202020rgb(32,32,32)

#282828rgb(40,40,40)

#303030rgb(48,48,48)

#383838rgb(56,56,56)

#404040rgb(64,64,64)

#484848rgb(72,72,72)

#505050rgb(80,80,80)

#585858rgb(88,88,88)

#606060rgb(96,96,96)

#686868rgb(104,104,104)

#707070rgb(112,112,112)

#787878rgb(120,120,120)

#808080rgb(128,128,128)

#888888rgb(136,136,136)

#909090rgb(144,144,144)

#989898rgb(152,152,152)

#A0A0A0rgb(160,160,160)

#A8A8A8rgb(168,168,168)

#B0B0B0rgb(176,176,176)

#B8B8B8rgb(184,184,184)

#C0C0C0rgb(192,192,192)

#C8C8C8rgb(200,200,200)

#D0D0D0rgb(208,208,208)

#D8D8D8rgb(216,216,216)

#E0E0E0rgb(224,224,224)

#E8E8E8rgb(232,232,232)

#F0F0F0rgb(240,240,240)

#F8F8F8rgb(248,248,248)

#FFFFFFrgb(255,255,255)


网络安全色

若干年前,当计算机支持最大256个不同的颜色,一个216"网络安全颜色"列表被建议作为Web标准,保留了40个固定的系统颜色。

这在现在看来不是很重要,因为大多数计算机可以显示数百万种不同的色彩,但选择是留给你。

跨浏览器的调色板创建,以确保所有的计算机将显示正确的颜色,运行一个256色调色板:

0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC iE6 = window.ActiveXObject && !window.XMLHttpRequest; if (!iE6) { window.onscroll = function() { //back top if ((document.documentElement.scrollTop || document.body.scrollTop) > 0) { document.getElementById("back-top").style.display = "block"; } else { document.getElementById("back-top").style.display = "none"; } }; }

微信扫一扫,有福利

微信关注