CSS色彩大全-终于叫出这些色的名字了...

名称背景 数值背景 颜色名称 中文名称 十六进制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
from :  http://www.zhongguosou.com/computer_question_tools/color_standard_web.html

你可能感兴趣的:(html5,CSS)