颜色表
8,604 views
3
网页调色板
aRGB、Hex、HSL、HSB(HSV)
a：alpha 透明度，0~1 之间的小数
R：Red 红色，0~255 之间的整数
G：Green 绿色，0~255 之间的整数
B：Blue 蓝色，0~255 之间的整数
RGB 对机器很友好的色彩模式，但并不够人性化
因为人类对色彩的认识往往是”什么颜色？鲜艳不鲜艳？亮还是暗？”
HSL 模式和 HSV(HSB) 都是基于 RGB 的，是作为一个更方便友好的方法创建出来的。
Hex
十六进制，对应RGB的0-255共256种颜色状态
通过两位16进制(16*16=256)正好表示，简洁
HSL
H：Hue 色调，0~360 圆环形式以角度表示
S：Saturation 饱和度，0~1 之间的小数
L：Lightness 亮度，0~1 之间的小数
HSL是工业界的一种颜色标准，通过对色相(H)、饱和度(S)、明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，
HSL即是代表色相，饱和度，明度三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
HSB (HSV)
H：Hue 色调，0~360 圆环形式以角度表示
S：Saturation 饱和度，0~1 之间的小数
L：Lightness 亮度，0~1 之间的小数
V：Value 明度，0~1 之间的小数
HSB 和 HSV 是一样的，只是叫法不同
以上色彩知识，详见米扑博客：
色度、色彩、色调
色度、色彩、色调是通过分别添加黑色、白色、灰色到所选颜色中而形成。
它们在背景和排版等网页设计中非常有用，通常与互补色配对使用以形成对比。
色度
将不同等级的黑色加入到一种颜色中，产生该特定颜色逐渐变暗的变体，或称为“色度”。色度用于链接悬停效果或作为页脚和页眉背景效果较好。
色彩
色彩是将白色加入到一种颜色中，得到越来越浅的版本。色彩也可用于CSS悬停效果，作为模态背景效果也比较好。
色调
色调是将灰色加入到一种颜色中，根据所使用的灰色等级不同几乎可以产生无穷无尽的不同色彩。色调较少见于网页设计，在评论、引言或重点突出文字等排版元素中会比较有用。
网页动态配色
颜色名列表
| 序号 | 颜色名 | 颜色值 | 颜色 |
|---|---|---|---|
| 1 | AliceBlue | #F0F8FF | |
| 2 | AntiqueWhite | #FAEBD7 | |
| 3 | Aqua | #00FFFF | |
| 4 | Aquamarine | #7FFFD4 | |
| 5 | Azure | #F0FFFF | |
| 6 | Beige | #F5F5DC | |
| 7 | Bisque | #FFE4C4 | |
| 8 | Black | #000000 | |
| 9 | BlanchedAlmond | #FFEBCD | |
| 10 | Blue | #0000FF | |
| 11 | BlueViolet | #8A2BE2 | |
| 12 | Brown | #A52A2A | |
| 13 | BurlyWood | #DEB887 | |
| 14 | CadetBlue | #5F9EA0 | |
| 15 | Chartreuse | #7FFF00 | |
| 16 | Chocolate | #D2691E | |
| 17 | Coral | #FF7F50 | |
| 18 | CornflowerBlue | #6495ED | |
| 19 | Cornsilk | #FFF8DC | |
| 20 | Crimson | #DC143C | |
| 21 | Cyan | #00FFFF | |
| 22 | DarkBlue | #00008B | |
| 23 | DarkCyan | #008B8B | |
| 24 | DarkGoldenRod | #B8860B | |
| 25 | DarkGray | #A9A9A9 | |
| 26 | DarkGreen | #006400 | |
| 27 | DarkKhaki | #BDB76B | |
| 28 | DarkMagenta | #8B008B | |
| 29 | DarkOliveGreen | #556B2F | |
| 30 | Darkorange | #FF8C00 | |
| 31 | DarkOrchid | #9932CC | |
| 32 | DarkRed | #8B0000 | |
| 33 | DarkSalmon | #E9967A | |
| 34 | DarkSeaGreen | #8FBC8F | |
| 35 | DarkSlateBlue | #483D8B | |
| 36 | DarkSlateGray | #2F4F4F | |
| 37 | DarkTurquoise | #00CED1 | |
| 38 | DarkViolet | #9400D3 | |
| 39 | DeepPink | #FF1493 | |
| 40 | DeepSkyBlue | #00BFFF | |
| 41 | DimGray | #696969 | |
| 42 | DodgerBlue | #1E90FF | |
| 43 | Feldspar | #D19275 | |
| 44 | FireBrick | #B22222 | |
| 45 | FloralWhite | #FFFAF0 | |
| 46 | ForestGreen | #228B22 | |
| 47 | Fuchsia | #FF00FF | |
| 48 | Gainsboro | #DCDCDC | |
| 49 | GhostWhite | #F8F8FF | |
| 50 | Gold | #FFD700 | |
| 51 | GoldenRod | #DAA520 | |
| 52 | Gray | #808080 | |
| 53 | Green | #008000 | |
| 54 | GreenYellow | #ADFF2F | |
| 55 | HoneyDew | #F0FFF0 | |
| 56 | HotPink | #FF69B4 | |
| 57 | IndianRed | #CD5C5C | |
| 58 | Indigo | #4B0082 | |
| 59 | Ivory | #FFFFF0 | |
| 60 | Khaki | #F0E68C | |
| 61 | Lavender | #E6E6FA | |
| 62 | LavenderBlush | #FFF0F5 | |
| 63 | LawnGreen | #7CFC00 | |
| 64 | LemonChiffon | #FFFACD | |
| 65 | LightBlue | #ADD8E6 | |
| 66 | LightCoral | #F08080 | |
| 67 | LightCyan | #E0FFFF | |
| 68 | LightGoldenRodYellow | #FAFAD2 | |
| 69 | LightGrey | #D3D3D3 | |
| 70 | LightGreen | #90EE90 | |
| 71 | LightPink | #FFB6C1 | |
| 72 | LightSalmon | #FFA07A | |
| 73 | LightSeaGreen | #20B2AA | |
| 74 | LightSkyBlue | #87CEFA | |
| 75 | LightSlateBlue | #8470FF | |
| 76 | LightSlateGray | #778899 | |
| 77 | LightSteelBlue | #B0C4DE | |
| 78 | LightYellow | #FFFFE0 | |
| 79 | Lime | #00FF00 | |
| 80 | LimeGreen | #32CD32 | |
| 81 | Linen | #FAF0E6 | |
| 82 | Magenta | #FF00FF | |
| 83 | Maroon | #800000 | |
| 84 | MediumAquaMarine | #66CDAA | |
| 85 | MediumBlue | #0000CD | |
| 86 | MediumOrchid | #BA55D3 | |
| 87 | MediumPurple | #9370D8 | |
| 88 | MediumSeaGreen | #3CB371 | |
| 89 | MediumSlateBlue | #7B68EE | |
| 90 | MediumSpringGreen | #00FA9A | |
| 91 | MediumTurquoise | #48D1CC | |
| 92 | MediumVioletRed | #C71585 | |
| 93 | MidnightBlue | #191970 | |
| 94 | MintCream | #F5FFFA | |
| 95 | MistyRose | #FFE4E1 | |
| 96 | Moccasin | #FFE4B5 | |
| 97 | NavajoWhite | #FFDEAD | |
| 98 | Navy | #000080 | |
| 99 | OldLace | #FDF5E6 | |
| 100 | Olive | #808000 | |
| 101 | OliveDrab | #6B8E23 | |
| 102 | Orange | #FFA500 | |
| 103 | OrangeRed | #FF4500 | |
| 104 | Orchid | #DA70D6 | |
| 105 | PaleGoldenRod | #EEE8AA | |
| 106 | PaleGreen | #98FB98 | |
| 107 | PaleTurquoise | #AFEEEE | |
| 108 | PaleVioletRed | #D87093 | |
| 109 | PapayaWhip | #FFEFD5 | |
| 110 | PeachPuff | #FFDAB9 | |
| 111 | Peru | #CD853F | |
| 112 | Pink | #FFC0CB | |
| 113 | Plum | #DDA0DD | |
| 114 | PowderBlue | #B0E0E6 | |
| 115 | Purple | #800080 | |
| 116 | Red | #FF0000 | |
| 117 | RosyBrown | #BC8F8F | |
| 118 | RoyalBlue | #4169E1 | |
| 119 | SaddleBrown | #8B4513 | |
| 120 | Salmon | #FA8072 | |
| 121 | SandyBrown | #F4A460 | |
| 122 | SeaGreen | #2E8B57 | |
| 123 | SeaShell | #FFF5EE | |
| 124 | Sienna | #A0522D | |
| 125 | Silver | #C0C0C0 | |
| 126 | SkyBlue | #87CEEB | |
| 127 | SlateBlue | #6A5ACD | |
| 128 | SlateGray | #708090 | |
| 129 | Snow | #FFFAFA | |
| 130 | SpringGreen | #00FF7F | |
| 131 | SteelBlue | #4682B4 | |
| 132 | Tan | #D2B48C | |
| 133 | Teal | #008080 | |
| 134 | Thistle | #D8BFD8 | |
| 135 | Tomato | #FF6347 | |
| 136 | Turquoise | #40E0D0 | |
| 137 | Violet | #EE82EE | |
| 138 | VioletRed | #D02090 | |
| 139 | Wheat | #F5DEB3 | |
| 140 | White | #FFFFFF | |
| 141 | WhiteSmoke | #F5F5F5 | |
| 142 | Yellow | #FFFF00 | |
| 143 | YellowGreen | #9ACD32 |
颜色表
| #FFFFFF | #FFFFF0 | #FFFFE0 | #FFFF00 | ||||
| #FFFAFA | #FFFAF0 | #FFFACD | #FFF8DC | ||||
| #FFF68F | #FFF5EE | #FFF0F5 | #FFEFDB | ||||
| #FFEFD5 | #FFEC8B | #FFEBCD | #FFE7BA | ||||
| #FFE4E1 | #FFE4C4 | #FFE4B5 | #FFE1FF | ||||
| #FFDEAD | #FFDAB9 | #FFD700 | #FFD39B | ||||
| #FFC1C1 | #FFC125 | #FFC0CB | #FFBBFF | ||||
| #FFB90F | #FFB6C1 | #FFB5C5 | #FFAEB9 | ||||
| #FFA54F | #FFA500 | #FFA07A | #FF8C69 | ||||
| #FF8C00 | #FF83FA | #FF82AB | #FF8247 | ||||
| #FF7F50 | #FF7F24 | #FF7F00 | #FF7256 | ||||
| #FF6EB4 | #FF6A6A | #FF69B4 | #FF6347 | ||||
| #FF4500 | #FF4040 | #FF3E96 | #FF34B3 | ||||
| #FF3030 | #FF1493 | #FF00FF | #FF0000 | ||||
| #FDF5E6 | #FCFCFC | #FAFAFA | #FAFAD2 | ||||
| #FAF0E6 | #FAEBD7 | #FA8072 | #F8F8FF | ||||
| #F7F7F7 | #F5FFFA | #F5F5F5 | #F5F5DC | ||||
| #F5DEB3 | #F4F4F4 | #F4A460 | #F2F2F2 | ||||
| #F0FFFF | #F0FFF0 | #F0F8FF | #F0F0F0 | ||||
| #F0E68C | #F08080 | #EEEEE0 | #EEEED1 | ||||
| #EEEE00 | #EEE9E9 | #EEE9BF | #EEE8CD | ||||
| #EEE8AA | #EEE685 | #EEE5DE | #EEE0E5 | ||||
| #EEDFCC | #EEDC82 | #EED8AE | #EED5D2 | ||||
| #EED5B7 | #EED2EE | #EECFA1 | #EECBAD | ||||
| #EEC900 | #EEC591 | #EEB4B4 | #EEB422 | ||||
| #EEAEEE | #EEAD0E | #EEA9B8 | #EEA2AD | ||||
| #EE9A49 | #EE9A00 | #EE9572 | #EE82EE | ||||
| #EE8262 | #EE7AE9 | #EE799F | #EE7942 | ||||
| #EE7621 | #EE7600 | #EE6AA7 | #EE6A50 | ||||
| #EE6363 | #EE5C42 | #EE4000 | #EE3B3B | ||||
| #EE3A8C | #EE30A7 | #EE2C2C | #EE1289 | ||||
| #EE00EE | #EE0000 | #EDEDED | #EBEBEB | ||||
| #EAEAEA | #E9967A | #E8E8E8 | #E6E6FA | ||||
| #E5E5E5 | #E3E3E3 | #E0FFFF | #E0EEEE | ||||
| #E0EEE0 | #E0E0E0 | #E066FF | #DEDEDE | ||||
| #DEB887 | #DDA0DD | #DCDCDC | #DC143C | ||||
| #DBDBDB | #DB7093 | #DAA520 | #DA70D6 | ||||
| #D9D9D9 | #D8BFD8 | #D6D6D6 | #D4D4D4 | ||||
| #D3D3D3 | #D2B48C | #D2691E | #D1EEEE | ||||
| #D1D1D1 | #D15FEE | #D02090 | #CFCFCF | ||||
| #CDCDC1 | #CDCDB4 | #CDCD00 | #CDC9C9 | ||||
| #CDC9A5 | #CDC8B1 | #CDC673 | #CDC5BF | ||||
| #CDC1C5 | #CDC0B0 | #CDBE70 | #CDBA96 | ||||
| #CDB7B5 | #CDB79E | #CDB5CD | #CDB38B | ||||
| #CDAF95 | #CDAD00 | #CDAA7D | #CD9B9B | ||||
| #CD9B1D | #CD96CD | #CD950C | #CD919E | ||||
| #CD8C95 | #CD853F | #CD8500 | #CD8162 | ||||
| #CD7054 | #CD69C9 | #CD6889 | #CD6839 | ||||
| #CD661D | #CD6600 | #CD6090 | #CD5C5C | ||||
| #CD5B45 | #CD5555 | #CD4F39 | #CD3700 | ||||
| #CD3333 | #CD3278 | #CD2990 | #CD2626 | ||||
| #CD1076 | #CD00CD | #CD0000 | #CCCCCC | ||||
| #CAFF70 | #CAE1FF | #C9C9C9 | #C7C7C7 | ||||
| #C71585 | #C6E2FF | #C67171 | #C5C1AA | ||||
| #C4C4C4 | #C2C2C2 | #C1FFC1 | #C1CDCD | ||||
| #C1CDC1 | #C1C1C1 | #C0FF3E | #BFEFFF | ||||
| #BFBFBF | #BF3EFF | #BEBEBE | #BDBDBD | ||||
| #BDB76B | #BCEE68 | #BCD2EE | #BC8F8F | ||||
| #BBFFFF | #BABABA | #BA55D3 | #B9D3EE | ||||
| #B8B8B8 | #B8860B | #B7B7B7 | #B5B5B5 | ||||
| #B4EEB4 | #B4CDCD | #B452CD | #B3EE3A | ||||
| #B3B3B3 | #B2DFEE | #B23AEE | #B22222 | ||||
| #B0E2FF | #B0E0E6 | #B0C4DE | #B0B0B0 | ||||
| #B03060 | #AEEEEE | #ADFF2F | #ADD8E6 | ||||
| #ADADAD | #ABABAB | #AB82FF | #AAAAAA | ||||
| #A9A9A9 | #A8A8A8 | #A6A6A6 | #A52A2A | ||||
| #A4D3EE | #A3A3A3 | #A2CD5A | #A2B5CD | ||||
| #A1A1A1 | #A0522D | #A020F0 | #9FB6CD | ||||
| #9F79EE | #9E9E9E | #9C9C9C | #9BCD9B | ||||
| #9B30FF | #9AFF9A | #9ACD32 | #9AC0CD | ||||
| #9A32CD | #999999 | #9932CC | #98FB98 | ||||
| #98F5FF | #97FFFF | #96CDCD | #969696 | ||||
| #949494 | #9400D3 | #9370DB | #919191 | ||||
| #912CEE | #90EE90 | #8FBC8F | #8F8F8F | ||||
| #8EE5EE | #8E8E8E | #8E8E38 | #8E388E | ||||
| #8DEEEE | #8DB6CD | #8C8C8C | #8B8B83 | ||||
| #8B8B7A | #8B8B00 | #8B8989 | #8B8970 | ||||
| #8B8878 | #8B8682 | #8B864E | #8B8386 | ||||
| #8B8378 | #8B814C | #8B7E66 | #8B7D7B | ||||
| #8B7D6B | #8B7B8B | #8B795E | #8B7765 | ||||
| #8B7500 | #8B7355 | #8B6969 | #8B6914 | ||||
| #8B668B | #8B6508 | #8B636C | #8B5F65 | ||||
| #8B5A2B | #8B5A00 | #8B5742 | #8B4C39 | ||||
| #8B4789 | #8B475D | #8B4726 | #8B4513 | ||||
| #8B4500 | #8B3E2F | #8B3A62 | #8B3A3A | ||||
| #8B3626 | #8B2500 | #8B2323 | #8B2252 | ||||
| #8B1C62 | #8B1A1A | #8B0A50 | #8B008B | ||||
| #8B0000 | #8A8A8A | #8A2BE2 | #8968CD | ||||
| #87CEFF | #87CEFA | #87CEEB | #878787 | ||||
| #858585 | #848484 | #8470FF | #838B8B | ||||
| #838B83 | #836FFF | #828282 | #7FFFD4 | ||||
| #7FFF00 | #7F7F7F | #7EC0EE | #7D9EC0 | ||||
| #7D7D7D | #7D26CD | #7CFC00 | #7CCD7C | ||||
| #7B68EE | #7AC5CD | #7A8B8B | #7A7A7A | ||||
| #7A67EE | #7A378B | #79CDCD | #787878 | ||||
| #778899 | #76EEC6 | #76EE00 | #757575 | ||||
| #737373 | #71C671 | #7171C6 | #708090 | ||||
| #707070 | #6E8B3D | #6E7B8B | #6E6E6E | ||||
| #6CA6CD | #6C7B8B | #6B8E23 | #6B6B6B | ||||
| #6A5ACD | #698B69 | #698B22 | #696969 | ||||
| #6959CD | #68838B | #68228B | #66CDAA | ||||
| #66CD00 | #668B8B | #666666 | #6495ED | ||||
| #63B8FF | #636363 | #616161 | #607B8B | ||||
| #5F9EA0 | #5E5E5E | #5D478B | #5CACEE | ||||
| #5C5C5C | #5B5B5B | #595959 | #575757 | ||||
| #556B2F | #555555 | #551A8B | #54FF9F | ||||
| #548B54 | #545454 | #53868B | #528B8B | ||||
| #525252 | #515151 | #4F94CD | #4F4F4F | ||||
| #4EEE94 | #4D4D4D | #4B0082 | #4A708B | ||||
| #4A4A4A | #48D1CC | #4876FF | #483D8B | ||||
| #474747 | #473C8B | #4682B4 | #458B74 | ||||
| #458B00 | #454545 | #43CD80 | #436EEE | ||||
| #424242 | #4169E1 | #40E0D0 | #404040 | ||||
| #3D3D3D | #3CB371 | #3B3B3B | #3A5FCD | ||||
| #388E8E | #383838 | #36648B | #363636 | ||||
| #333333 | #32CD32 | #303030 | #2F4F4F | ||||
| #2E8B57 | #2E2E2E | #2B2B2B | #292929 | ||||
| #282828 | #27408B | #262626 | #242424 | ||||
| #228B22 | #218868 | #212121 | #20B2AA | ||||
| #1F1F1F | #1E90FF | #1E1E1E | #1C86EE | ||||
| #1C1C1C | #1A1A1A | #191970 | #1874CD | ||||
| #171717 | #141414 | #121212 | #104E8B | ||||
| #0F0F0F | #0D0D0D | #0A0A0A | #080808 | ||||
| #050505 | #030303 | #00FFFF | #00FF7F | ||||
| #00FF00 | #00FA9A | #00F5FF | #00EEEE | ||||
| #00EE76 | #00EE00 | #00E5EE | #00CED1 | ||||
| #00CDCD | #00CD66 | #00CD00 | #00C5CD | ||||
| #00BFFF | #00B2EE | #009ACD | #008B8B | ||||
| #008B45 | #008B00 | #00868B | #00688B | ||||
| #006400 | #0000FF | #0000EE | #0000CD | ||||
| #0000AA | #00008B | #000080 | #000000 |
友情链接：
很实用 谢谢分享