CSS3 - 常用的颜色值，与颜色名大全
作者：hangge | 2015-12-15 08:40
CSS中使用颜色的话，既可以填写颜色名，也可填写颜色值。比如红色（颜色名：red，颜色值：#FF0000），黑色（颜色名：black，颜色值：#000000）......下面把比较常见的颜色值和颜色名给列出来，方便大家使用。
1，常用的颜色值（颜色代码）
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。
对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色（根据 256 x 256 x 256 计算）。
十六进制值使用三个双位数来编写，并以 # 符号开头。
| 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 |
2，常用的颜色名
| 颜色名称 | Hex Code RGB |
Decimal Code RGB |
|---|---|---|
| 红色 | ||
| IndianRed | CD5C5C | 205,92,92 |
| LightCoral | F08080 | 240,128,128 |
| Salmon | FA8072 | 250,128,114 |
| DarkSalmon | E9967A | 233,150,122 |
| LightSalmon | FFA07A | 255,160,122 |
| Crimson | DC143C | 220,20,60 |
| Red | FF0000 | 255,0,0 |
| FireBrick | B22222 | 178,34,34 |
| DarkRed | 8B0000 | 139,0,0 |
| 粉色 | ||
| Pink | FFC0CB | 255,192,203 |
| LightPink | FFB6C1 | 255,182,193 |
| HotPink | FF69B4 | 255,105,180 |
| DeepPink | FF1493 | 255,20,147 |
| MediumVioletRed | C71585 | 199,21,133 |
| PaleVioletRed | DB7093 | 219,112,147 |
| 橙色 | ||
| LightSalmon | FFA07A | 255,160,122 |
| Coral | FF7F50 | 255,127,80 |
| Tomato | FF6347 | 255,99,71 |
| OrangeRed | FF4500 | 255,69,0 |
| DarkOrange | FF8C00 | 255,140,0 |
| Orange | FFA500 | 255,165,0 |
| 黄色 | ||
| Gold | FFD700 | 255,215,0 |
| Yellow | FFFF00 | 255,255,0 |
| LightYellow | FFFFE0 | 255,255,224 |
| LemonChiffon | FFFACD | 255,250,205 |
| LightGoldenrodYellow | FAFAD2 | 250,250,210 |
| PapayaWhip | FFEFD5 | 255,239,213 |
| Moccasin | FFE4B5 | 255,228,181 |
| PeachPuff | FFDAB9 | 255,218,185 |
| PaleGoldenrod | EEE8AA | 238,232,170 |
| Khaki | F0E68C | 240,230,140 |
| DarkKhaki | BDB76B | 189,183,107 |
| 紫色 | ||
| Lavender | E6E6FA | 230,230,250 |
| Thistle | D8BFD8 | 216,191,216 |
| Plum | DDA0DD | 221,160,221 |
| Violet | EE82EE | 238,130,238 |
| Orchid | DA70D6 | 218,112,214 |
| Fuchsia | FF00FF | 255,0,255 |
| Magenta | FF00FF | 255,0,255 |
| MediumOrchid | BA55D3 | 186,85,211 |
| MediumPurple | 9370DB | 147,112,219 |
| Amethyst | 9966CC | 153,102,204 |
| BlueViolet | 8A2BE2 | 138,43,226 |
| DarkViolet | 9400D3 | 148,0,211 |
| DarkOrchid | 9932CC | 153,50,204 |
| DarkMagenta | 8B008B | 139,0,139 |
| Purple | 800080 | 128,0,128 |
| Indigo | 4B0082 | 75,0,130 |
| SlateBlue | 6A5ACD | 106,90,205 |
| DarkSlateBlue | 483D8B | 72,61,139 |
| MediumSlateBlue | 7B68EE | 123,104,238 |
| 颜色名称 | Hex Code RGB |
Decimal Code RGB |
|---|---|---|
| 绿色 | ||
| GreenYellow | ADFF2F | 173,255,47 |
| Chartreuse | 7FFF00 | 127,255,0 |
| LawnGreen | 7CFC00 | 124,252,0 |
| Lime | 00FF00 | 0,255,0 |
| LimeGreen | 32CD32 | 50,205,50 |
| PaleGreen | 98FB98 | 152,251,152 |
| LightGreen | 90EE90 | 144,238,144 |
| MediumSpringGreen | 00FA9A | 0,250,154 |
| SpringGreen | 00FF7F | 0,255,127 |
| MediumSeaGreen | 3CB371 | 60,179,113 |
| SeaGreen | 2E8B57 | 46,139,87 |
| ForestGreen | 228B22 | 34,139,34 |
| Green | 008000 | 0,128,0 |
| DarkGreen | 006400 | 0,100,0 |
| YellowGreen | 9ACD32 | 154,205,50 |
| OliveDrab | 6B8E23 | 107,142,35 |
| Olive | 808000 | 128,128,0 |
| DarkOliveGreen | 556B2F | 85,107,47 |
| MediumAquamarine | 66CDAA | 102,205,170 |
| DarkSeaGreen | 8FBC8F | 143,188,143 |
| LightSeaGreen | 20B2AA | 32,178,170 |
| DarkCyan | 008B8B | 0,139,139 |
| Teal | 008080 | 0,128,128 |
| 蓝色/青色 | ||
| Aqua | 00FFFF | 0,255,255 |
| Cyan | 00FFFF | 0,255,255 |
| LightCyan | E0FFFF | 224,255,255 |
| PaleTurquoise | AFEEEE | 175,238,238 |
| Aquamarine | 7FFFD4 | 127,255,212 |
| Turquoise | 40E0D0 | 64,224,208 |
| MediumTurquoise | 48D1CC | 72,209,204 |
| DarkTurquoise | 00CED1 | 0,206,209 |
| CadetBlue | 5F9EA0 | 95,158,160 |
| SteelBlue | 4682B4 | 70,130,180 |
| LightSteelBlue | B0C4DE | 176,196,222 |
| PowderBlue | B0E0E6 | 176,224,230 |
| LightBlue | ADD8E6 | 173,216,230 |
| SkyBlue | 87CEEB | 135,206,235 |
| LightSkyBlue | 87CEFA | 135,206,250 |
| DeepSkyBlue | 00BFFF | 0,191,255 |
| DodgerBlue | 1E90FF | 30,144,255 |
| CornflowerBlue | 6495ED | 100,149,237 |
| MediumSlateBlue | 7B68EE | 123,104,238 |
| RoyalBlue | 4169E1 | 65,105,225 |
| Blue | 0000FF | 0,0,255 |
| MediumBlue | 0000CD | 0,0,205 |
| DarkBlue | 00008B | 0,0,139 |
| Navy | 000080 | 0,0,128 |
| MidnightBlue | 191970 | 25,25,112 |
| 颜色名称 | Hex Code RGB |
Decimal Code RGB |
|---|---|---|
| 褐色 | ||
| Cornsilk | FFF8DC | 255,248,220 |
| BlanchedAlmond | FFEBCD | 255,235,205 |
| Bisque | FFE4C4 | 255,228,196 |
| NavajoWhite | FFDEAD | 255,222,173 |
| Wheat | F5DEB3 | 245,222,179 |
| BurlyWood | DEB887 | 222,184,135 |
| Tan | D2B48C | 210,180,140 |
| RosyBrown | BC8F8F | 188,143,143 |
| SandyBrown | F4A460 | 244,164,96 |
| Goldenrod | DAA520 | 218,165,32 |
| DarkGoldenrod | B8860B | 184,134,11 |
| Peru | CD853F | 205,133,63 |
| Chocolate | D2691E | 210,105,30 |
| SaddleBrown | 8B4513 | 139,69,19 |
| Sienna | A0522D | 160,82,45 |
| Brown | A52A2A | 165,42,42 |
| Maroon | 800000 | 128,0,0 |
| 白色系 | ||
| White | FFFFFF | 255,255,255 |
| Snow | FFFAFA | 255,250,250 |
| Honeydew | F0FFF0 | 240,255,240 |
| MintCream | F5FFFA | 245,255,250 |
| Azure | F0FFFF | 240,255,255 |
| AliceBlue | F0F8FF | 240,248,255 |
| GhostWhite | F8F8FF | 248,248,255 |
| WhiteSmoke | F5F5F5 | 245,245,245 |
| Seashell | FFF5EE | 255,245,238 |
| Beige | F5F5DC | 245,245,220 |
| OldLace | FDF5E6 | 253,245,230 |
| FloralWhite | FFFAF0 | 255,250,240 |
| Ivory | FFFFF0 | 255,255,240 |
| AntiqueWhite | FAEBD7 | 250,235,215 |
| Linen | FAF0E6 | 250,240,230 |
| LavenderBlush | FFF0F5 | 255,240,245 |
| MistyRose | FFE4E1 | 255,228,225 |
| 灰色系 | ||
| Gainsboro | DCDCDC | 220,220,220 |
| LightGrey | D3D3D3 | 211,211,211 |
| Silver | C0C0C0 | 192,192,192 |
| DarkGray | A9A9A9 | 169,169,169 |
| Gray | 808080 | 128,128,128 |
| DimGray | 696969 | 105,105,105 |
| LightSlateGray | 778899 | 119,136,153 |
| SlateGray | 708090 | 112,128,144 |
| DarkSlateGray | 2F4F4F | 47,79,79 |
| Black | 000000 | 0,0,0 |
全部评论（0）