HTML 颜色

最后编辑于2019-10-12 11:11:30 +0800 CST

HTML 颜色由红色、绿色、蓝色混合而成。


颜色值

HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

这个表格给出了由三种颜色混合而成的具体效果:

颜色(Color) 颜色十六进制(Color HEX) 颜色RGB(Color RGB)
 
|#000000|rgb(0,0,0)
 
|#FF0000|rgb(255,0,0)
 
|#00FF00|rgb(0,255,0)
 
|#0000FF|rgb(0,0,255)
 
|#FFFF00|rgb(255,255,0)
 
| #00FFFF|rgb(0,255,255)
 
|#FF00FF|rgb(255,0,255)
 
|#C0C0C0|rgb(192,192,192)
 
|#FFFFFF|rgb(255,255,255)

1600万种不同颜色

三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。

在下面的颜色表中你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色。

Red Light Color HEX Color RGB
 
|#000000 |rgb(0,0,0)
 
|#080000|rgb(8,0,0)
 
|#100000|rgb(16,0,0)
 
|#180000|rgb(24,0,0)
 
| #200000|rgb(32,0,0)
 
|#280000|rgb(40,0,0)
 
|#300000|rgb(48,0,0)
 
|#380000|rgb(56,0,0)
 
|#400000|rgb(64,0,0)
 
|#480000|rgb(72,0,0)
 
|#500000|rgb(80,0,0)
 
|#580000|rgb(88,0,0)
 
|#600000|rgb(96,0,0)
 
|#680000|rgb(104,0,0)
 
|#700000|rgb(112,0,0)
 
|#780000|rgb(120,0,0)
 
|#800000|rgb(128,0,0)
 
|#880000|rgb(136,0,0)
 
|#900000|rgb(144,0,0)
 
|#980000|rgb(152,0,0)
 
|#A00000|rgb(160,0,0)
 
|#A80000|rgb(168,0,0)
 
|#B00000|rgb(176,0,0)
 
|#B80000|rgb(184,0,0)
 
|#C00000|rgb(192,0,0)
 
|#C80000|rgb(200,0,0)
 
|#D00000|rgb(208,0,0)
 
|#D80000|rgb(216,0,0)
 
|#E00000|rgb(224,0,0)
 
|#E80000|rgb(232,0,0)
 
|#F00000|rgb(240,0,0)
 
|#F80000|rgb(248,0,0)
 
|#FF0000|rgb(255,0,0)

灰暗色调

以下展示了灰色到黑色的渐变

Gray Shades Color HEX Color RGB
 
|#000000| rgb(0,0,0)
 
|#080808| rgb(8,8,8) 
 
|#101010| rgb(16,16,16) 
 
|#181818| rgb(24,24,24) 
 
|#202020| rgb(32,32,32) 
 
|#282828| rgb(40,40,40) 
 
|#303030| rgb(48,48,48) 
 
|#383838| rgb(56,56,56) 
 
|#404040| rgb(64,64,64) 
 
|#484848| rgb(72,72,72) 
 
|#505050| rgb(80,80,80) 
 
|#585858| rgb(88,88,88) 
 
|#606060| rgb(96,96,96) 
 
|#686868| rgb(104,104,104) 
 
|#707070| rgb(112,112,112) 
 
|#787878| rgb(120,120,120) 
 
|#808080| rgb(128,128,128) 
 
|#888888| rgb(136,136,136) 
 
|#909090| rgb(144,144,144) 
 
|#989898| rgb(152,152,152) 
 
|#A0A0A0|  rgb(160,160,160) 
 
|#A8A8A8|  rgb(168,168,168) 
 
|#B0B0B0|  rgb(176,176,176) 
 
|#B8B8B8|  rgb(184,184,184) 
 
|#C0C0C0|  rgb(192,192,192) 
 
|#C8C8C8|  rgb(200,200,200) 
 
|#D0D0D0|  rgb(208,208,208) 
 
|#D8D8D8|  rgb(216,216,216) 
 
|#E0E0E0|  rgb(224,224,224) 
 
|#E8E8E8|  rgb(232,232,232) 
 
|#F0F0F0|  rgb(240,240,240) 
 
|#F8F8F8|  rgb(248,248,248) 
 
|#FFFFFF|  rgb(255,255,255) 

Web安全色?

数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。

我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。

1 2 3 4 5 6
000000
|
000033
|
000066
|
000099
|
0000CC
|
0000FF
|
003300
|
003333
|
003366
|
003399
|
0033CC
|
0033FF
|
006600
|
006633
|
006666
|
006699
|
0066CC
|
0066FF
|
009900
|
009933
|
009966
|
009999
|
0099CC
|
0099FF
|
00CC00
|
00CC33
|
00CC66
|
00CC99
|
00CCCC
|
00CCFF
|
00FF00
|
00FF33
|
00FF66
|
00FF99
|
00FFCC
|
00FFFF
|
330000
|
330033
|
330066
|
330099
|
3300CC
|
3300FF
|
333300
|
333333
|
333366
|
333399
|
3333CC
|
3333FF
|
336600
|
336633
|
336666
|
336699
|
3366CC
|
3366FF
|
339900
|
339933
|
339966
|
339999
|
3399CC
|
3399FF
|
33CC00
|
33CC33
|
33CC66
|
33CC99
|
33CCCC
|
33CCFF
|
33FF00
|
33FF33
|
33FF66
|
33FF99
|
33FFCC
|
33FFFF
|
660000
|
660033
|
660066
|
660099
|
6600CC
|
6600FF
|
663300
|
663333
|
663366
|
663399
|
6633CC
|
6633FF
|
666600
|
666633
|
666666
|
666699
|
6666CC
|
6666FF
|
669900
|
669933
|
669966
|
669999
|
6699CC
|
6699FF
|
66CC00
|
66CC33
|
66CC66
|
66CC99
|
66CCCC
|
66CCFF
|
66FF00
|
66FF33
|
66FF66
|
66FF99
|
66FFCC
|
66FFFF
|
990000
|
990033
|
990066
|
990099
|
9900CC
|
9900FF
|
993300
|
993333
|
993366
|
993399
|
9933CC
|
9933FF
|
996600
|
996633
|
996666
|
996699
|
9966CC
|
9966FF
|
999900
|
999933
|
999966
|
999999
|
9999CC
|
9999FF
|
99CC00
|
99CC33
|
99CC66
|
99CC99
|
99CCCC
|
99CCFF
|
99FF00
|
99FF33
|
99FF66
|
99FF99
|
99FFCC
|
99FFFF
|
CC0000
|
CC0033
|
CC0066
|
CC0099
|
CC00CC
|
CC00FF
|
CC3300
|
CC3333
|
CC3366
|
CC3399
|
CC33CC
|
CC33FF
|
CC6600
|
CC6633
|
CC6666
|
CC6699
|
CC66CC
|
CC66FF
|
CC9900
|
CC9933
|
CC9966
|
CC9999
|
CC99CC
|
CC99FF
|
CCCC00
|
CCCC33
|
CCCC66
|
CCCC99
|
CCCCCC
|
CCCCFF
|
CCFF00
|
CCFF33
|
CCFF66
|
CCFF99
|
CCFFCC
|
CCFFFF
|
FF0000
|
FF0033
|
FF0066
|
FF0099
|
FF00CC
|
FF00FF
|
FF3300
|
FF3333
|
FF3366
|
FF3399
|
FF33CC
|
FF33FF
|
FF6600
|
FF6633
|
FF6666
|
FF6699
|
FF66CC
|
FF66FF
|
FF9900
|
FF9933
|
FF9966
|
FF9999
|
FF99CC
|
FF99FF
|
FFCC00
|
FFCC33
|
FFCC66
|
FFCC99
|
FFCCCC
|
FFCCFF
|
FFFF00
|
FFFF33
|
FFFF66
|
FFFF99
|
FFFFCC
|
FFFFFF
|