html css 颜色图谱与颜色代码参考大全

2019年11月30日作者：佚名

html css 颜色图谱与颜色代码参考大全之《html 颜色》《CSS 颜色》颜色图与颜色代码，用于实例测试时css 颜色代码值，CSS5整理常用颜色图谱与颜色代码参考大全。无论设置css字体颜色还是CSS背景颜色，均能使用。

常用css 颜色图谱与颜色代码大全

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4 #FFA488 #FF7744 #FF5511 #E63F00 #C63300 #A42D00 #FFDDAA #FFBB66 #FFAA33 #FF8800 #EE7700 #CC6600 #BB5500 #FFEE99 #FFDD55 #FFCC22 #FFBB00 #DDAA00 #AA7700 #886600 #FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800 #EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800 #CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700 #99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800 #BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844 #AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866 #99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888 #CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799 #CCDDFF #99BBFF #5599FF #0066FF #0044BB #003C9D #003377 #CCCCFF #9999FF #5555FF #0000FF #0000CC #0000AA #000088 #CCBBFF #9F88FF #7744FF #5500FF #4400CC #2200AA #220088 #D1BBFF #B088FF #9955FF #7700FF #5500DD #4400B3 #3A0088 #E8CCFF #D28EFF #B94FFF #9900FF #7700BB #66009D #550088 #F0BBFF #E38EFF #E93EFF #CC00FF #A500CC #7A0099 #660077 #FFB3FF #FF77FF #FF3EFF #FF0 0FF #CC00CC #990099 #770077

紅

颜色名称代码颜色 maroon #800000 darkred #8B0000 brown #A52A2A firebrick #B22222 crimson #DC143C red #FF0000

桃紅~紛紅

颜色名称代码颜色 mediumvioletred #C71585 palevioletred #D87093 deeppink #FF1493 fuchsia(magenta) #FF00FF hotpink #FF69B4 pink #FFC0CB lightpink #FFB6C1 mistyrose #FFE4E1 lavenderblush #FFF0F5

紫

颜色名称代码颜色 indigo #4B0082 purple #800080 darkmagenta #8B008B darkorchid #9932CC blueviolet #8A2BE2 darkviolet #9400D3 slateblue #6A5ACD mediumpurple #9370DB mediumslateblue #7B68EE mediumorchid #BA55D3 violet #EE82EE plum #DDA0DD thistle #D8BFD8 lavender #E6E6FA

褐~橘~米白

颜色名称代码颜色 saddlebrown #8B4513 sienna #A0522D chocolate #D2691E indianred #CD5C5C rosybrown #BC8F8F lightcorol #F08080 salmon #FA8072 lightsalmon #FFA07A orangered #FF4500 tomato #FF6347 coral #FF7F50 darkorange #FF8C00 sandybrown #F4A460 peru #CD853F tan #D2B48C burlywood #DEB887 wheat #F5DEB3 moccasin #FFE4B5 navajowhite #FFDEAD peachpuff #FFDAB9 bisque #FFE4C4 antuquewhite #FAEBD7 papayawhip #FFEFD5 cornsilk #FFF8DC oldlace #FDF5E6 linen #FAF0E6 seashell #FFF5EE snow #FFFAFA floralwhite #FFFAF0 ivory #FFFFF0 mintcream #F5FFFA

金~黄

颜色名称代码颜色 darkgoldenrod #B8860B goldenrod #DAA520 gold #FFD700 yellow #FFFF00 darkkhaki #BDB76B khaki #F0E68C palegoldenrod #EEE8AA beige #F5F5DC lemonchiffon #FFFACD lightgoldenrodyellow #FAFAD2 lightyellow #FFFFE0

黄绿

颜色名称代码颜色 darkslategray #2F4F4F darkolivegreen #556B2F olive #808000 darkgreen #006400 forestgreen #228B22 seagreen #2E8B57 green(teal) #008080 lightseagreen #20B2AA madiumaquamarine #66CDAA mediumseagreen #3CB371 darkseagreen #8FBC8F yellowgreen #9ACD32 limegreen #32CD32 lime #00FF00 chartreuse #7FFF00 lawngreen #7CFC00 greenyellow #ADFF2F mediumspringgreen #00FA9A springgreen #00FF7F lightgreen #90EE90 palegreen #98F898 aquamarine #7FFFD4 honeydew #F0FFF0

藍

颜色名称代码颜色 midnightblue #191970 navy #000080 darkblue #00008B darkslateblue #483D8B mediumblue #0000CD royalblue #4169E1 dodgerblue #1E90FF cornflowerblue #6495ED deepskyblue #00BFFF lightskyblue #87CEFA lightsteelblue #B0C4DE lightblue #ADD8E6 steelblue #4682B4 darkcyan #008B8B cadetblue #5F9EA0 darkturquoise #00CED1 mediumturquoise #48D1CC turquoise #40E0D0 skyblue #87CECB powderblue #B0E0E6 paleturquoise #AFEEEE lightcyan #E0FFFF azure #F0FFFF aliceblue #F0F8FF aqua(cyan) #00FFFF

黑~灰~白

颜色名称代码颜色 black #000000 dimgray #696969 gray #808080 slategray #708090 lightslategray #778899 dakgray #A9A9A9 silver #C0C0C0 lightgray #D3D3D3 gainsboro #DCDCDC whitesmoke #F5F5F5 ghostwhite #F8F8FF white #FFFFFF

css颜色代码使用时候，不要忘记颜色值前加“#”井号。如：color:#F8F8FF
CSS5提示：以上CSS颜色代码只能作为实例实践测试时大概颜色代码使用，DIV CSS布局时真正准确CSS颜色代码，需要使用PS软件或颜色获取软件从项目美工图上获取准确颜色值。