首页 > 实用工具

常用网页颜色代码表-网页颜色选择器工具-颜色代码表

时间:2021-02-17 14:15:11

在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。

注:在W3C制定的HTML 4.0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。

当然,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色,我们在这里列了一些颜色说明,以供大家参考,不妨作为一种速查工具。

WEB216安全色表 | 色系样本表 | 色名表

#ffffff #ffccff #ff99ff #ff66ff #ff33ff #ff00ff
#ffffcc #ffcccc #ff99cc #ff66cc #ff33cc #ff00cc
#ffff99 #ffcc99 #ff9999 #ff6699 #ff3399 #ff0099
#ffff66 #ffcc66 #ff9966 #ff6666 #ff3366 #ff0066
#ffff33 #ffcc33 #ff9933 #ff6633 #ff3333 #ff0033
#ffff00 #ffcc00 #ff9900 #ff6600 #ff3300 #ff0000
#ccffff #ccccff #cc99ff #cc66ff #cc33ff #cc00ff
#ccffcc #cccccc #cc99cc #cc66cc #cc33cc #cc00cc
#ccff99 #cccc99 #cc9999 #cc6699 #cc3399 #cc0099
#ccff66 #cccc66 #cc9966 #cc6666 #cc3366 #cc0066
#ccff33 #cccc33 #cc9933 #cc6633 #cc3333 #cc0033
#ccff00 #cccc00 #cc9900 #cc6600 #cc3300 #cc0000
#99ffff #99ccff #9999ff #9966ff #9933ff #9900ff
#99ffcc #99cccc #9999cc #9966cc #9933cc #9900cc
#99ff99 #99cc99 #999999 #996699 #993399 #990099
#99ff66 #99cc66 #999966 #996666 #993366 #990066
#99ff33 #99cc33 #999933 #996633 #993333 #990033
#99ff00 #99cc00 #999900 #996600 #993300 #990000
#66ffff #66ccff #6699ff #6666ff #6633ff #6600ff
#66ffcc #66cccc #6699cc #6666cc #6633cc #6600cc
#66ff99 #66cc99 #669999 #666699 #663399 #660099
#66ff66 #66cc66 #669966 #666666 #663366 #660066
#66ff33 #66cc33 #669933 #666633 #663333 #660033
#66ff00 #66cc00 #669900 #666600 #663300 #660000
#33ffff #33ccff #3399ff #3366ff #3333ff #3300ff
#33ffcc #33cccc #3399cc #3366cc #3333cc #3300cc
#33ff99 #33cc99 #339999 #336699 #333399 #330099
#33ff66 #33cc66 #339966 #336666 #333366 #330066
#33ff33 #33cc33 #339933 #336633 #333333 #330033
#33ff00 #33cc00 #339900 #336600 #333300 #330000
#00ffff #00ccff #0099ff #0066ff #0033ff #0000ff
#00ffcc #00cccc #0099cc #0066cc #0033cc #0000cc
#00ff99 #00cc99 #009999 #006699 #003399 #000099
#00ff66 #00cc66 #009966 #006666 #003366 #000066
#00ff33 #00cc33 #009933 #006633 #003333 #000033
#00ff00 #00cc00 #009900 #006600 #003300 #000000
单色调 #ffffff 色样本
  #f5f5f5 色样本
#dcdcdc 色样本
#d3d3d3 色样本
#c0c0c0 色样本
#a9a9a9 色样本
#808080 色样本
#696969 色样本
#000000 色样本
浅淡色 #fffafa 色样本
  #f8f8ff 色样本
#f5fffa 色样本
#f0ffff 色样本
#fffff0 色样本
#fffaf0 色样本
#f0f8ff 色样本
#fff0f5 色样本
#fff5ee 色样本
#f0fff0 色样本
#ffffe0 色样本
#e0ffff 色样本
#fdf5e6 色样本
#fff8dc 色样本
#faf0e6 色样本
#fffacd 色样本
#e6e6fa 色样本
#f5f5dc 色样本
#fafad2 色样本
#ffe4e1 色样本
#ffefd5 色样本
#faebd7 色样本
红紫色 #ffc0cb 色样本
  #ffb6c1 色样本
#ff69b9 色样本
#da70d6 色样本
#db7093 色样本
#ff1493 色样本
#c71585 色样本
#dc143c 色样本
红褐色 #f08080 色样本
  #bc8f8f 色样本
#cd5c5c 色样本
#a52a2a 色样本
#b22222 色样本
#ff0000 色样本
#8b0000 色样本
#800000 色样本
橙色系 #ffebcd 色样本
  #ffe4c4 色样本
#ffe4b5 色样本
#ffdab9 色样本
#ffdead 色样本
#f5deb3 色样本
#eee8aa 色样本
#f0e68c 色样本
#ffd700 色样本
#deb887 色样本
#d2b48c 色样本
#bdb76b 色样本
#f4a460 色样本
#ffa500 色样本
#ffa07a 色样本
#e9967a 色样本
#daa520 色样本
#fa8072 色样本
#ff8c00 色样本
#ff7f50 色样本
#cd853f 色样本
#ff6347 色样本
#b8860b 色样本
#ff4500 色样本
#d2691e 色样本
#a0522d 色样本
#8b4513 色样本
黄色系 #ffff00 色样本
  #808000 色样本
橄榄绿 #adff2f 色样本
  #7fff00 色样本
#7cfc00 色样本
#9acd32 色样本
#6b8e23 色样本
#556b2f 色样本
艳绿色 #98fb98 色样本
  #90ee90 色样本
#00ff00 色样本
#8fbc8f 色样本
#32cd32 色样本
#228b22 色样本
#008000 色样本
#006400 色样本
土尔其绿 #7fffd4 色样本
  #1edeaa 色样本
#66cdaa 色样本
#48d1cc 色样本
#00fa9a 色样本
#00ff7f 色样本
#40e0d0 色样本
#20b2aa 色样本
#2e8b57 色样本
#3cb371 色样本
青色 #afeeee 色样本
  #00ffff 色样本
#00ffff 色样本
#008b8b 色样本
#008080 色样本
#2f4f4f 色样本
天蓝 #b0e0e6 色样本
  #add8e6 色样本
#b0c4de 色样本
#87cefa 色样本
#87ceeb 色样本
#00bfff 色样本
#00ced1 色样本
#6495ed 色样本
#5f9ea0 色样本
#1e90ff 色样本
#778899 色样本
#708090 色样本
#4169e1 色样本
#4682b4 色样本
海蓝 #0000ff 色样本
  #0000cd 色样本
#00008b 色样本
#000080 色样本
#191970 色样本
紫罗兰 #ba55d3 色样本
  #9370db 色样本
#7b68ee 色样本
#6a5acd 色样本
#8a2be2 色样本
#9400d3 色样本
#9932cc 色样本
#483d8b 色样本
#4b0082 色样本
玫瑰红 #d8bfd8 色样本
  #dda0dd 色样本
#ee82ee 色样本
#ff00ff 色样本
#ff00ff 色样本
#8b008b 色样本
#800080 色样本
浅粉红 lightpink #ffb6c1
粉红 pink #ffc0cb
猩红/深红 crimson #dc143c
淡紫红 lavenderblush #fff0f5
弱紫罗兰红 palevioletred #db7093
热情的粉红 hotpink #ff69b4
深粉红 deeppink #ff1493
中紫罗兰红 mediumvioletred #c71585
兰花紫 orchid #da70d6
thistle #d8bfd8
李子紫 plum #dda0dd
紫罗兰 violet #ee82ee
洋红/玫瑰红 magenta #ff00ff
灯笼海棠/紫红 fuchsia #ff00ff
深洋红 darkmagenta #8b008b
紫色 purple #800080
中兰花紫 mediumorchid #ba55d3
暗紫罗兰 darkviolet #9400d3
暗兰花紫 darkorchid #9932cc
靛青/紫兰色 indigo #4b0082
蓝紫罗兰 blueviolet #8a2be2
中紫色 mediumpurple #9370db
中板岩蓝 mediumslateblue #7b68ee
板岩蓝 slateblue #6a5acd
暗板岩蓝 darkslateblue #483d8b
熏衣草淡紫 lavender #e6e6fa
幽灵白 ghostwhite #f8f8ff
纯蓝 blue #0000ff
中蓝色 mediumblue #0000cd
午夜蓝 midnightblue #191970
暗蓝色 darkblue #00008b
海军蓝 navy #000080
皇家蓝/宝蓝 royalblue #4169e1
矢车菊蓝 cornflowerblue #6495ed
亮钢蓝 lightsteelblue #b0c4de
亮石板灰 lightslategray #778899
石板灰 slategray #708090
道奇蓝 dodgerblue #1e90ff
爱丽丝蓝 aliceblue #f0f8ff
钢蓝/铁青 steelblue #4682b4
亮天蓝色 lightskyblue #87cefa
天蓝色 skyblue #87ceeb
深天蓝 deepskyblue #00bfff
亮蓝 lightblue #add8e6
火药青 powderblue #b0e0e6
军服蓝 cadetblue #5f9ea0
蔚蓝色 azure #f0ffff
淡青色 lightcyan #e0ffff
弱绿宝石 paleturquoise #afeeee
青色 cyan #00ffff
水色 aqua #00ffff
暗绿宝石 darkturquoise #00ced1
暗石板灰 darkslategray #2f4f4f
暗青色 darkcyan #008b8b
水鸭色 teal #008080
中绿宝石 mediumturquoise #48d1cc
浅海洋绿 lightseagreen #20b2aa
绿宝石 turquoise #40e0d0
宝石碧绿 aquamarine #7fffd4
中宝石碧绿 mediumaquamarine #66cdaa
中春绿色 mediumspringgreen #00fa9a
薄荷奶油 mintcream #f5fffa
春绿色 springgreen #00ff7f
中海洋绿 mediumseagreen #3cb371
海洋绿 seagreen #2e8b57
蜜瓜色 honeydew #f0fff0
淡绿色 lightgreen #90ee90
弱绿色 palegreen #98fb98
暗海洋绿 darkseagreen #8fbc8f
闪光深绿 limegreen #32cd32
闪光绿 lime #00ff00
森林绿 forestgreen #228b22
纯绿 green #008000
暗绿色 darkgreen #006400
查特酒绿 chartreuse #7fff00
草坪绿 lawngreen #7cfc00
绿黄色 greenyellow #adff2f
暗橄榄绿 darkolivegreen #556b2f
黄绿色 yellowgreen #9acd32
橄榄褐色 olivedrab #6b8e23
米色/灰棕色 beige #f5f5dc
亮菊黄 lightgoldenrodyellow #fafad2
象牙 ivory #fffff0
浅黄色 lightyellow #ffffe0
纯黄 yellow #ffff00
橄榄 olive #808000
深卡叽布 darkkhaki #bdb76b
柠檬绸 lemonchiffon #fffacd
灰菊黄 palegoldenrod #eee8aa
卡叽布 khaki #f0e68c
金色 gold #ffd700
玉米丝色 cornsilk #fff8dc
金菊黄 goldenrod #daa520
暗金菊黄 darkgoldenrod #b8860b
花的白色 floralwhite #fffaf0
旧蕾丝 oldlace #fdf5e6
小麦色 wheat #f5deb3
鹿皮靴 moccasin #ffe4b5
橙色 orange #ffa500
番木瓜 papayawhip #ffefd5
发白的杏仁色 blanchedalmond #ffebcd
土著白 navajowhite #ffdead
古董白 antiquewhite #faebd7
茶色 tan #d2b48c
硬木色 burlywood #deb887
陶坯黄 bisque #ffe4c4
深橙色 darkorange #ff8c00
亚麻布 linen #faf0e6
秘鲁 peru #cd853f
桃肉色 peachpuff #ffdab9
沙棕色 sandybrown #f4a460
巧克力 chocolate #d2691e
马鞍棕色 saddlebrown #8b4513
海贝壳 seashell #fff5ee
黄土赭色 sienna #a0522d
浅鲑鱼肉色 lightsalmon #ffa07a
珊瑚 coral #ff7f50
橙红色 orangered #ff4500
深鲜肉/鲑鱼色 darksalmon #e9967a
番茄红 tomato #ff6347
薄雾玫瑰 mistyrose #ffe4e1
鲜肉/鲑鱼色 salmon #fa8072
snow #fffafa
淡珊瑚色 lightcoral #f08080
玫瑰棕色 rosybrown #bc8f8f
印度红 indianred #cd5c5c
纯红 red #ff0000
棕色 brown #a52a2a
耐火砖 firebrick #b22222
深红色 darkred #8b0000
栗色 maroon #800000
纯白 white #ffffff
白烟 whitesmoke #f5f5f5
庚斯博罗灰色 gainsboro #dcdcdc
浅灰色 lightgrey #d3d3d3
银灰色 silver #c0c0c0
深灰色 darkgray #a9a9a9
灰色 gray #808080
暗淡的灰色 dimgray #696969
纯黑 black #000000
载入中…
点这里查看与之相关的计算

.

条评论

昵称: 需审核请等待!

密码: 匿名发表

验证码:

载入中…

.

.
分享到: