HTML 颜色
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 色调色板时,所有的计算机能够正确地显示所有的颜色。
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 |
HTML