颜色表

views 8,526 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 是一样的,只是叫法不同

 

以上色彩知识,详见米扑博客:

色彩 aRGB、HSL、HSV、HSB、Lab、CMYK

 

 

色度、色彩、色调

色度、色彩、色调是通过分别添加黑色、白色、灰色到所选颜色中而形成。

它们在背景和排版等网页设计中非常有用,通常与互补色配对使用以形成对比。

 

色度

将不同等级的黑色加入到一种颜色中,产生该特定颜色逐渐变暗的变体,或称为“色度”。色度用于链接悬停效果或作为页脚和页眉背景效果较好。

 

色彩

色彩是将白色加入到一种颜色中,得到越来越浅的版本。色彩也可用于CSS悬停效果,作为模态背景效果也比较好。

 

色调

色调是将灰色加入到一种颜色中,根据所使用的灰色等级不同几乎可以产生无穷无尽的不同色彩。色调较少见于网页设计,在评论、引言或重点突出文字等排版元素中会比较有用。

 

 

网页动态配色

颜色中文名 :
颜色英文名 :
十六进制值 :
RGB颜色值:
HSL色彩值:

 

 


 

 

颜色名列表

序号 颜色名 颜色值 颜色
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

 

 

友情链接:

米扑色彩空间

HTML 颜色名

W3School 颜色测试

14款Web开发速查表

RGB、HEX颜色生成器

寻找完美色彩是如此简单

 

 

分享到:

  1. 暮影Munyin说道:

    很实用 谢谢分享

  2. 率性精灵.说道:

    颜色,很齐全!!

  3. 率性精灵.说道:

    这个也用的多说?哈哈,我以前用这个评论的全部看的到!

发表评论

姓名:
邮箱:
网站:

回顶部