众果搜 CSS标准颜色值查找 16进制10进制颜色值表 颜色中英文名称 在线颜色配色对比效果


 众果搜首页>>标准颜色参考图例 单击更改背景按钮,更改颜色显示表的背景

使用说明:该表所有颜色来自于W3C的SVG颜色关键词,即X11的颜色列表,亦是CSS3颜色模块所指定的颜色。

  1. 第一列使用颜色名称作背景,该列不能显示颜色说明你的浏览器当前还不支持该名称关键词。
  2. 第二列使用相应颜色数值作背景。
  3. 第三列为颜色的正式英文名称。
  4. 第四列为翻译的中文名称。
  5. 第五列为16进制的RGB数值。
  6. 第六列为十进制RGB数值。
  7. 第七列为配色参考,有粗细字体作为相应颜色的配色参考。
  8. 第八列按钮可以更改第一、二列的边框以及配色参考列的背景以供参考。
标准颜色名称和RGB颜色值
Black = #000000
Green = #008000
Silver = #C0C0C0
Lime = #00FF00
Gray = #808080
Olive = #808000
White = #FFFFFF
Yellow = #FFFF00
Maroon = #800000
Navy = #000080
Red = #FF0000
Blue = #0000FF
Purple = #800080
Teal = #008080
Fuchsia = #FF00FF
Aqua = #00FFFF
名称背景 数值背景 颜色名称 中文名称 十六进制RGB 十进制RGB 粗细字体配色参考
aliceblue 艾利斯兰 #f0f8ff 240,248,255 艾利斯兰[众果搜]
antiquewhite 古董白 #faebd7 250,235,215 古董白[众果搜]
aqua 浅绿色 #00ffff 0,255,255 浅绿色[众果搜]
aquamarine 碧绿色 #7fffd4 127,255,212 碧绿色[众果搜]
azure 天蓝色 #f0ffff 240,255,255 天蓝色[众果搜]
beige 米色 #f5f5dc 245,245,220 米色[众果搜]
bisque 桔黄色 #ffe4c4 255,228,196 桔黄色[众果搜]
black 黑色 #000000 0,0,0 黑色[众果搜]
blanchedalmond 白杏色 #ffebcd 255,235,205 白杏色[众果搜]
blue 蓝色 #0000ff 0,0,255 蓝色[众果搜]
blueviolet 紫罗兰色 #8a2be2 138,43,226 紫罗兰色[众果搜]
brown 褐色 #a52a2a 165,42,42 褐色[众果搜]
burlywood 实木色 #deb887 222,184,135 实木色[众果搜]
cadetblue 军兰色 #5f9ea0 95,158,160 军兰色[众果搜]
chartreuse 黄绿色 #7fff00 127,255,0 黄绿色[众果搜]
chocolate 巧可力色 #d2691e 210,105,30 巧可力色[众果搜]
coral 珊瑚色 #ff7f50 255,127,80 珊瑚色[众果搜]
cornflowerblue 菊兰色 #6495ed 100,149,237 菊兰色[众果搜]
cornsilk 米绸色 #fff8dc 255,248,220 米绸色[众果搜]
crimson 暗深红色 #dc143c 220,20,60 暗深红色[众果搜]
cyan 青色 #00ffff 0,255,255 青色[众果搜]
darkblue 暗蓝色 #00008b 0,0,139 暗蓝色[众果搜]
darkcyan 暗青色 #008b8b 0,139,139 暗青色[众果搜]
darkgoldenrod 暗金黄色 #b8860b 184,134,11 暗金黄色[众果搜]
darkgray 暗灰色 #a9a9a9 169,169,169 暗灰色[众果搜]
darkgreen 暗绿色 #006400 0,100,0 暗绿色[众果搜]
darkgrey 暗灰色 #a9a9a9 169,169,169 暗灰色[众果搜]
darkkhaki 暗黄褐色 #bdb76b 189,183,107 暗黄褐色[众果搜]
darkmagenta 暗洋红 #8b008b 139,0,139 暗洋红[众果搜]
darkolivegreen 暗橄榄绿 #556b2f 85,107,47 暗橄榄绿[众果搜]
darkorange 暗桔黄色 #ff8c00 255,140,0 暗桔黄色[众果搜]
darkorchid 暗紫色 #9932cc 153,50,204 暗紫色[众果搜]
darkred 暗红色 #8b0000 139,0,0 暗红色[众果搜]
darksalmon 暗肉色 #e9967a 233,150,122 暗肉色[众果搜]
darkseagreen 暗海兰色 #8fbc8f 143,188,143 暗海兰色[众果搜]
darkslateblue 暗灰蓝色 #483d8b 72,61,139 暗灰蓝色[众果搜]
darkslategray 暗瓦灰色 #2f4f4f 47,79,79 暗瓦灰色[众果搜]
darkslategrey 暗瓦灰色 #2f4f4f 47,79,79 暗瓦灰色[众果搜]
darkturquoise 暗宝石绿 #00ced1 0,206,209 暗宝石绿[众果搜]
darkviolet 暗紫罗兰色 #9400d3 148,0,211 暗紫罗兰色[众果搜]
deeppink 深粉红色 #ff1493 255,20,147 深粉红色[众果搜]
deepskyblue 深天蓝色 #00bfff 0,191,255 深天蓝色[众果搜]
dimgray 暗灰色 #696969 105,105,105 暗灰色[众果搜]
dimgrey 暗灰色 #696969 105,105,105 暗灰色[众果搜]
dodgerblue 闪兰色 #1e90ff 30,144,255 闪兰色[众果搜]
firebrick 火砖色 #b22222 178,34,34 火砖色[众果搜]
floralwhite 花白色 #fffaf0 255,250,240 花白色[众果搜]
forestgreen 森林绿 #228b22 34,139,34 森林绿[众果搜]
fuchsia 紫红色 #ff00ff 255,0,255 紫红色[众果搜]
gainsboro 淡灰色 #dcdcdc 220,220,220 淡灰色[众果搜]
ghostwhite 幽灵白 #f8f8ff 248,248,255 幽灵白[众果搜]
gold 金色 #ffd700 255,215,0 金色[众果搜]
goldenrod 金麒麟色 #daa520 218,165,32 金麒麟色[众果搜]
gray 灰色 #808080 128,128,128 灰色[众果搜]
green 绿色 #008000 0,128,0 绿色[众果搜]
greenyellow 黄绿色 #adff2f 173,255,47 黄绿色[众果搜]
grey 灰色 #808080 128,128,128 灰色[众果搜]
honeydew 蜜色 #f0fff0 240,255,240 蜜色[众果搜]
hotpink 热粉红色 #ff69b4 255,105,180 热粉红色[众果搜]
indianred 印第安红 #cd5c5c 205,92,92 印第安红[众果搜]
indigo 靛青色 #4b0082 75,0,130 靛青色[众果搜]
ivory 象牙色 #fffff0 255,255,240 象牙色[众果搜]
khaki 黄褐色 #f0e68c 240,230,140 黄褐色[众果搜]
lavender 淡紫色 #e6e6fa 230,230,250 淡紫色[众果搜]
lavenderblush 淡紫红 #fff0f5 255,240,245 淡紫红[众果搜]
lawngreen 草绿色 #7cfc00 124,252,0 草绿色[众果搜]
lemonchiffon 柠檬绸色 #fffacd 255,250,205 柠檬绸色[众果搜]
lightblue 亮蓝色 #add8e6 173,216,230 亮蓝色[众果搜]
lightcoral 亮珊瑚色 #f08080 240,128,128 亮珊瑚色[众果搜]
lightcyan 亮青色 #e0ffff 224,255,255 亮青色[众果搜]
lightgoldenrodyellow 亮金黄色 #fafad2 250,250,210 亮金黄色[众果搜]
lightgray 亮灰色 #d3d3d3 211,211,211 亮灰色[众果搜]
lightgreen 亮绿色 #90ee90 144,238,144 亮绿色[众果搜]
lightgrey 亮灰色 #d3d3d3 211,211,211 亮灰色[众果搜]
lightpink 亮粉红色 #ffb6c1 255,182,193 亮粉红色[众果搜]
lightsalmon 亮肉色 #ffa07a 255,160,122 亮肉色[众果搜]
lightseagreen 亮海蓝色 #20b2aa 32,178,170 亮海蓝色[众果搜]
lightskyblue 亮天蓝色 #87cefa 135,206,250 亮天蓝色[众果搜]
lightslategray 亮蓝灰 #778899 119,136,153 亮蓝灰[众果搜]
lightslategrey 亮蓝灰 #778899 119,136,153 亮蓝灰[众果搜]
lightsteelblue 亮钢兰色 #b0c4de 176,196,222 亮钢兰色[众果搜]
lightyellow 亮黄色 #ffffe0 255,255,224 亮黄色[众果搜]
lime 酸橙色 #00ff00 0,255,0 酸橙色[众果搜]
limegreen 橙绿色 #32cd32 50,205,50 橙绿色[众果搜]
linen 亚麻色 #faf0e6 250,240,230 亚麻色[众果搜]
magenta 红紫色 #ff00ff 255,0,255 红紫色[众果搜]
maroon 粟色 #800000 128,0,0 粟色[众果搜]
mediumaquamarine 中绿色 #66cdaa 102,205,170 中绿色[众果搜]
mediumblue 中兰色 #0000cd 0,0,205 中兰色[众果搜]
mediumorchid 中粉紫色 #ba55d3 186,85,211 中粉紫色[众果搜]
mediumpurple 中紫色 #9370db 147,112,219 中紫色[众果搜]
mediumseagreen 中海蓝 #3cb371 60,179,113 中海蓝[众果搜]
mediumslateblue 中暗蓝色 #7b68ee 123,104,238 中暗蓝色[众果搜]
mediumspringgreen 中春绿色 #00fa9a 0,250,154 中春绿色[众果搜]
mediumturquoise 中绿宝石 #48d1cc 72,209,204 中绿宝石[众果搜]
mediumvioletred 中紫罗兰色 #c71585 199,21,133 中紫罗兰色[众果搜]
midnightblue 中灰兰色 #191970 25,25,112 中灰兰色[众果搜]
mintcream 薄荷色 #f5fffa 245,255,250 薄荷色[众果搜]
mistyrose 浅玫瑰色 #ffe4e1 255,228,225 浅玫瑰色[众果搜]
moccasin 鹿皮色 #ffe4b5 255,228,181 鹿皮色[众果搜]
navajowhite 纳瓦白 #ffdead 255,222,173 纳瓦白[众果搜]
navy 海军色 #000080 0,0,128 海军色[众果搜]
oldlace 老花色 #fdf5e6 253,245,230 老花色[众果搜]
olive 橄榄色 #808000 128,128,0 橄榄色[众果搜]
olivedrab 深绿褐色 #6b8e23 107,142,35 深绿褐色[众果搜]
orange 橙色 #ffa500 255,165,0 橙色[众果搜]
orangered 红橙色 #ff4500 255,69,0 红橙色[众果搜]
orchid 淡紫色 #da70d6 218,112,214 淡紫色[众果搜]
palegoldenrod 苍麒麟色 #eee8aa 238,232,170 苍麒麟色[众果搜]
palegreen 苍绿色 #98fb98 152,251,152 苍绿色[众果搜]
paleturquoise 苍宝石绿 #afeeee 175,238,238 苍宝石绿[众果搜]
palevioletred 苍紫罗兰色 #db7093 219,112,147 苍紫罗兰色[众果搜]
papayawhip 番木色 #ffefd5 255,239,213 番木色[众果搜]
peachpuff 桃色 #ffdab9 255,218,185 桃色[众果搜]
peru 秘鲁色 #cd853f 205,133,63 秘鲁色[众果搜]
pink 粉红色 #ffc0cb 255,192,203 粉红色[众果搜]
plum 洋李色 #dda0dd 221,160,221 洋李色[众果搜]
powderblue 粉蓝色 #b0e0e6 176,224,230 粉蓝色[众果搜]
purple 紫色 #800080 128,0,128 紫色[众果搜]
red 红色 #ff0000 255,0,0 红色[众果搜]
rosybrown 褐玫瑰红 #bc8f8f 188,143,143 褐玫瑰红[众果搜]
royalblue 皇家蓝 #4169e1 65,105,225 皇家蓝[众果搜]
saddlebrown 重褐色 #8b4513 139,69,19 重褐色[众果搜]
salmon 鲜肉色 #fa8072 250,128,114 鲜肉色[众果搜]
sandybrown 沙褐色 #f4a460 244,164,96 沙褐色[众果搜]
seagreen 海绿色 #2e8b57 46,139,87 海绿色[众果搜]
seashell 海贝色 #fff5ee 255,245,238 海贝色[众果搜]
sienna 赭色 #a0522d 160,82,45 赭色[众果搜]
silver 银色 #c0c0c0 192,192,192 银色[众果搜]
skyblue 天蓝色 #87ceeb 135,206,235 天蓝色[众果搜]
slateblue 石蓝色 #6a5acd 106,90,205 石蓝色[众果搜]
slategray 灰石色 #708090 112,128,144 灰石色[众果搜]
slategrey 灰石色 #708090 112,128,144 灰石色[众果搜]
snow 雪白色 #fffafa 255,250,250 雪白色[众果搜]
springgreen 春绿色 #00ff7f 0,255,127 春绿色[众果搜]
steelblue 钢兰色 #4682b4 70,130,180 钢兰色[众果搜]
tan 茶色 #d2b48c 210,180,140 茶色[众果搜]
teal 水鸭色 #008080 0,128,128 水鸭色[众果搜]
thistle 蓟色 #d8bfd8 216,191,216 蓟色[众果搜]
tomato 西红柿色 #ff6347 255,99,71 西红柿色[众果搜]
turquoise 青绿色 #40e0d0 64,224,208 青绿色[众果搜]
violet 紫罗兰色 #ee82ee 238,130,238 紫罗兰色[众果搜]
wheat 浅黄色 #f5deb3 245,222,179 浅黄色[众果搜]
white 白色 #ffffff 255,255,255 白色[众果搜]
whitesmoke 烟白色 #f5f5f5 245,245,245 烟白色[众果搜]
yellow 黄色 #ffff00 255,255,0 黄色[众果搜]
W3C提供的色调,饱和度,亮度标准图例显示所有的标准颜色表示的实际颜色值。下面的每一个表代表一种色调。每个色调以30度间隔从色环取得。表中的X轴代表饱和度(100%, 75%, 50%, 25%, 0%)。Y轴代表亮度。50% 属于 '正常'。
0度   红
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFBF #F7C7C7 #EFCFCF #E7D7D7 #DFDFDF
75 #FF8080 #EF8F8F #DF9F9F #CFAFAF #BFBFBF
63 #FF4040 #E75858 #CF7070 #B78787 #9F9F9F
50 #FF0000 #DF2020 #BF4040 #9F6060 #808080
38 #BF0000 #A71818 #8F3030 #784848 #606060
25 #800000 #701010 #602020 #503030 #404040
13 #400000 #380808 #301010 #281818 #202020
0 #000000 #000000 #000000 #000000 #000000
30度   红-黄 (=橙)
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFDFBF #F7DFC7 #EFDFCF #E7DFD7 #DFDFDF
75 #FFBF80 #EFBF8F #DFBF9F #CFBFAF #BFBFBF
63 #FF9F40 #E79F58 #CF9F70 #B79F87 #9F9F9F
50 #FF8000 #DF8020 #BF8040 #9F8060 #808080
38 #BF6000 #A76018 #8F6030 #786048 #606060
25 #804000 #704010 #604020 #504030 #404040
13 #402000 #382008 #302010 #282018 #202020
0 #000000 #000000 #000000 #000000 #000000
60度   黄
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFFFBF #F7F7C7 #EFEFCF #E7E7D7 #DFDFDF
75 #FFFF80 #EFEF8F #DFDF9F #CFCFAF #BFBFBF
63 #FFFF40 #E7E758 #CFCF70 #B7B787 #9F9F9F
50 #FFFF00 #DFDF20 #BFBF40 #9F9F60 #808080
38 #BFBF00 #A7A718 #8F8F30 #787848 #606060
25 #808000 #707010 #606020 #505030 #404040
13 #404000 #383808 #303010 #282818 #202020
0 #000000 #000000 #000000 #000000 #000000
90度   黄-绿
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #DFFFBF #DFF7C7 #DFEFCF #DFE7D7 #DFDFDF
75 #BFFF80 #BFEF8F #BFDF9F #BFCFAF #BFBFBF
63 #9FFF40 #9FE758 #9FCF70 #9FB787 #9F9F9F
50 #80FF00 #80DF20 #80BF40 #809F60 #808080
38 #60BF00 #60A718 #608F30 #607848 #606060
25 #408000 #407010 #406020 #405030 #404040
13 #204000 #203808 #203010 #202818 #202020
0 #000000 #000000 #000000 #000000 #000000
120度   绿
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFBF #C7F7C7 #CFEFCF #D7E7D7 #DFDFDF
75 #80FF80 #8FEF8F #9FDF9F #AFCFAF #BFBFBF
63 #40FF40 #58E758 #70CF70 #87B787 #9F9F9F
50 #00FF00 #20DF20 #40BF40 #609F60 #808080
38 #00BF00 #18A718 #308F30 #487848 #606060
25 #008000 #107010 #206020 #305030 #404040
13 #004000 #083808 #103010 #182818 #202020
0 #000000 #000000 #000000 #000000 #000000
150度   绿-青
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFDF #C7F7DF #CFEFDF #D7E7DF #DFDFDF
75 #80FFBF #8FEFBF #9FDFBF #AFCFBF #BFBFBF
63 #40FF9F #58E79F #70CF9F #87B79F #9F9F9F
50 #00FF80 #20DF80 #40BF80 #609F80 #808080
38 #00BF60 #18A760 #308F60 #487860 #606060
25 #008040 #107040 #206040 #305040 #404040
13 #004020 #083820 #103020 #182820 #202020
0 #000000 #000000 #000000 #000000 #000000
180度   青
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFFF #C7F7F7 #CFEFEF #D7E7E7 #DFDFDF
75 #80FFFF #8FEFEF #9FDFDF #AFCFCF #BFBFBF
63 #40FFFF #58E7E7 #70CFCF #87B7B7 #9F9F9F
50 #00FFFF #20DFDF #40BFBF #609F9F #808080
38 #00BFBF #18A7A7 #308F8F #487878 #606060
25 #008080 #107070 #206060 #305050 #404040
13 #004040 #083838 #103030 #182828 #202020
0 #000000 #000000 #000000 #000000 #000000
210度   青-蓝
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFDFFF #C7DFF7 #CFDFEF #D7DFE7 #DFDFDF
75 #80BFFF #8FBFEF #9FBFDF #AFBFCF #BFBFBF
63 #409FFF #589FE7 #709FCF #879FB7 #9F9F9F
50 #0080FF #2080DF #4080BF #60809F #808080
38 #0060BF #1860A7 #30608F #486078 #606060
25 #004080 #104070 #204060 #304050 #404040
13 #002040 #082038 #102030 #182028 #202020
0 #000000 #000000 #000000 #000000 #000000
240度   蓝
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFBFFF #C7C7F7 #CFCFEF #D7D7E7 #DFDFDF
75 #8080FF #8F8FEF #9F9FDF #AFAFCF #BFBFBF
63 #4040FF #5858E7 #7070CF #8787B7 #9F9F9F
50 #0000FF #2020DF #4040BF #60609F #808080
38 #0000BF #1818A7 #30308F #484878 #606060
25 #000080 #101070 #202060 #303050 #404040
13 #000040 #080838 #101030 #181828 #202020
0 #000000 #000000 #000000 #000000 #000000
270度   蓝-紫
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #DFBFFF #DFC7F7 #DFCFEF #DFD7E7 #DFDFDF
75 #BF80FF #BF8FEF #BF9FDF #BFAFCF #BFBFBF
63 #9F40FF #9F58E7 #9F70CF #9F87B7 #9F9F9F
50 #8000FF #8020DF #8040BF #80609F #808080
38 #6000BF #6018A7 #60308F #604878 #606060
25 #400080 #401070 #402060 #403050 #404040
13 #200040 #200838 #201030 #201828 #202020
0 #000000 #000000 #000000 #000000 #000000
300度   紫
饱和度   
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFFF #F7C7F7 #EFCFEF #E7D7E7 #DFDFDF
75 #FF80FF #EF8FEF #DF9FDF #CFAFCF #BFBFBF
63 #FF40FF #E758E7 #CF70CF #B787B7 #9F9F9F
50 #FF00FF #DF20DF #BF40BF #9F609F #808080
38 #BF00BF #A718A7 #8F308F #784878 #606060
25 #800080 #701070 #602060 #503050 #404040
13 #400040 #380838 #301030 #281828 #202020
0 #000000 #000000 #000000 #000000 #000000
330度   紫-红
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFDF #F7C7DF #EFCFDF #E7D7DF #DFDFDF
75 #FF80BF #EF8FBF #DF9FBF #CFAFBF #BFBFBF
63 #FF409F #E7589F #CF709F #B7879F #9F9F9F
50 #FF0080 #DF2080 #BF4080 #9F6080 #808080
38 #BF0060 #A71860 #8F3060 #784860 #606060
25 #800040 #701040 #602040 #503040 #404040
13 #400020 #380820 #301020 #281820 #202020
0 #000000 #000000 #000000 #000000 #000000

  Since 2004   www.ZhongGuoSou.com