平面设计颜色搭配表Word文件下载.docx
《平面设计颜色搭配表Word文件下载.docx》由会员分享，可在线阅读，更多相关《平面设计颜色搭配表Word文件下载.docx（52页珍藏版）》请在冰豆网上搜索。
万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。
如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。
•彩色的搭配
色彩千变万化，彩色的搭配是我们研究的重点。
我们依然需要进一步学习一些色彩的知识。
1.色环。
我们将色彩按"
红-＞黄-＞绿-＞蓝-＞红"
依次过度渐变，就可以得到一个
色彩环。
色环的两端是暖色和寒色，当中是中型色。
（如下图）
红•橙•橙黄•黄•黄绿•绿•青绿•蓝绿.蓝•蓝紫•紫•紫红•红
|II—IIII|||||
暖色系中性系寒色系中性系
2.色彩的心理感觉。
不同的颜色会给浏览者不同的心理感受。
红色---是一种激奋的色彩。
刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。
绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。
它和
金黄，淡白搭配，可以产生优雅，舒适的气氛。
橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。
它和白色混合，能体现柔顺，淡雅，
浪漫的气氛（象天空的色彩:
）
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。
以绿色为例，黄绿
色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
•网页色彩搭配的原理
1.色彩的鲜明性。
网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。
要有与众不同的色彩，使得大家对你的印象强烈。
（参考设计
思考第二篇网站CI的标准色彩一节）
3.色彩的合适性。
就是说色彩和你表达的内容气氛相适合。
如用粉色体现女性站点的柔性。
4.色彩的联想性。
不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。
•网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势：
单色->
五彩缤纷->
标准
色->
单色。
一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；
在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；
但是时间一长，却发现色彩杂乱，没有个性和风格；
第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；
当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可
以设计出简洁精美的站点。
O网页色彩搭配的技巧
文章写到这里，有心急的网友要问了：
“到底用什么色彩搭配好看呢？
你能不能
推荐几种配色方案？
”别急，这里有一点技巧，可以帮助你迅速成为调色大师:
1.用一种色彩。
这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得
通俗些就是将色彩变淡或则加深），产生新的色彩，用于网页。
这样的页面看起来色彩统一，有层次感。
2.用两种色彩。
先选定一种色彩，然后选择它的对比色（在photoshop里按ctrl+shift+l）。
我的主页用蓝色和黄色就是这样确定的。
整个页面色彩丰富但不花稍。
3.用一个色系。
简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；
或者土黄，土灰，土蓝。
确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择"
自定义"
，然后在"
色库"
中选就可以了:
4.用黑色和一种彩色。
比如大红的字体配黑色的边框感觉很"
跳"
。
在网页配色中，忌讳的是：
1.不要将所有颜色都用到，尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大，（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容
配色方案
一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。
红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。
2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。
3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。
4、在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。
二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。
黄色是各种
色彩中，最为娇气的一种色。
只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。
1、在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。
其高傲的性格也随之消失，趋于一种平和、潮润的感觉。
2、在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
3、在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。
其色性也变的成熟、随和。
4、在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。
三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。
蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。
蓝色还是一种在淡化后仍然似能保持较强个性的色。
如果在蓝色中分别加入少量的红、
黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。
1、如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。
2、在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。
四、绿色是具有黄色和蓝色两种成份的色。
在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。
这样使得绿色的性格最为平和、安稳。
是一种柔顺、恬静、潢足、优美的色。
1、在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。
2、在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。
3、在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。
五、紫色的明度在有彩色的色料中是最低的。
紫色的低明度给人一种沉闷、神秘的感觉。
1、在紫色中红的成份较多时，其知觉具有压抑感、威胁感。
2、在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。
3、在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。
六、白色的色感光明，性格朴实、纯洁、快乐。
白色具有圣洁的不容侵犯性。
如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。
1、在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。
2、在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。
3、在白色中混入少量的蓝，给人感觉清冷、洁净。
4、在白色中混入少量的橙，有一种干燥的气氛。
5、在白色中混入少量的绿，给人一种稚嫩、柔和的感觉量的紫，可诱导人联想到淡淡的芳香。
6、在白色中混入少
RGB配色表
颜色
英文
RGB
16色
Snow
255250250
#FFFAFA
GhostWhite
248248255
#F8F8FF
WhiteSmoke
245245245
#F5F5F5
Gainsboro
220220220
#DCDCDC
FloralWhite
255250240
#FFFAF0
OldLace
253245230
#FDF5E6
Linen
250240230
#FAF0E6
AntiqueWhite
250235215
#FAEBD7
PapayaWhip
255239213
#FFEFD5
BlanchedAlmond
255235205
#FFEBCD
Bisque
255228196
#FFE4C4
PeachPuff
255218185
#FFDAB9
NavajoWhite
255222173
#FFDEAD
Moccasin
255228181
#FFE4B5
Cornsilk
255248220
#FFF8DC
Ivory
255255240
#FFFFF0
LemonChiffon
255250205
#FFFACD
Seashell
255245238
#FFF5EE
Honeydew
240255240
#F0FFF0
MintCream
245255250
#F5FFFA
Azure
240255255
#F0FFFF
PaleTurquoisel
187255255
PaleTurquoise2
174238238
PaleTurquoise3
150205205
PaleTurquoise4
102139139
CadetBlue1
152245255
CadetBlue2
142229238
CadetBlue3
122197205
CadetBlue4
83134139
Turquoise1
0245255
Turquoise2
0229238
Turquoise3
0197205
Turquoise4
0134139
Cyan1
0255255
Cyan2
0238238
Cyan3
0205205
Cyan4
0139139
DarkSlateGray1
151255255
DarkSlateGray2
141238238
DarkSlateGray3
121205205
DarkSlateGray4
82139139
Aquamarine1
127255212
#BBFFFF
#AEEEEE
#96CDCD
#668B8B
#98F5FF
#8EE5EE
#7AC5CD
#53868B
#00F5FF
#00E5EE
#00C5CD
#00868B
#00FFFF
#00EEEE
#00CDCD
#008B8B
#97FFFF
#8DEEEE
#79CDCD
#528B8B
#7FFFD4
#76EEC6
AliceBlue
240248255
#F0F8FF
Aquamarine2
118238198
#66CDAA
lavender
230230250
#E6E6FA
Aquamarine3
102205170
#458B74
#C1FFC1
#B4EEB4
#9BCD9B
#698B69
#54FF9F
#4EEE94
#43CD80
#2E8B57
#9AFF9A
#90EE90
#7CCD7C
#548B54
#00FF7F
#00EE76
#00CD66
#008B45
#00FF00
#00EE00
Green3
#00CD00
Blue
00255
#0000FF
02050
Green4
DodgerBlue
30144255
#1E90FF
01390
#008B00
DeepSkyBlue
Chartreuse1
0191255
#00BFFF
1272550
#7FFF00
SkyBlue
#87CEEB
Chartreuse2
135206235
1182380
#76EE00
LavenderBlush
255240245
#FFF0F5
Aquamarine4
69139116
MistyRose
255228225
#FFE4E1
DarkSeaGreen1
193255193
White
Black
DarkSlateGray
DimGrey
SlateGrey
LightSlateGray
Grey
LightGray
MidnightBlue
NavyBlue
CornflowerBlue
DarkSlateBlue
SlateBlue
MediumSlateBlue
LightSlateBlue
MediumBlue
RoyalBlue
255255255
#FFFFFF
DarkSeaGreen2
180238180
477979
105105105
112128144
119136153
190190190
211211211
2525112
00128
100149237
7261139
10690205
123104238
132112255
00205
65105225
#000000
#2F4F4F
#696969
#708090
#778899
#BEBEBE
#D3D3D3
#191970
#000080
#6495ED
#483D8B
#6A5ACD
#7B68EE
#8470FF
#0000CD
#4169E1
DarkSeaGreen3
DarkSeaGreen4
SeaGreen1
SeaGreen2
SeaGreen3
SeaGreen4
PaleGreen1
PaleGreen2
PaleGreen3
PaleGreen4
SpringGreen1
SpringGreen2
SpringGreen3
SpringGreen4
Green1
Green2
155205155
105139105
84255159
78238148
67205128
4613987
154255154
144238144
124205124
8413984
0255127
0238118
0205102
013969
02550
02380
LightSkyBlue
135206250
#87CEFA
■
SteelBlue
70130180
#4682B4
LightSteelBlue
176196222
#B0C4DE
LightBlue
173216230
#ADD8E6
PowderBlue
176224230
#B0E0E6
PaleTurquoise
175238238
#AFEEEE
DarkTurquoise
0206209
#00CED1
MediumTurquoise
72209204
#48D1CC
Turquoise
64224208
#40E0D0
Cyan
LightCyan
224255255
#E0FFFF
CadetBlue
95158160
#5F9EA0
MediumAquamarine
Aquamarine
DarkGreen
01000
#006400
DarkOliveGreen
8510747
#556B2F
DarkSeaGreen
143188143
#8FBC8F
SeaGreen
MediumSeaGreen
60179113
#3CB371
LightSeaGreen
32178170
#20B2AA
PaleGreen
152251152
#98FB98
SpringGreen
0255127
LawnGreen
1242520
#7CFC00
Green
Chartreuse
a
Chartreuse3
1022050
#66CD00
n
Chartreuse4
691390
#458B00
OliveDrab1
19225562
#C0FF3E
OliveDrab2
17923858
#B3EE3A
OliveDrab3
15420550
#9ACD32
OliveDrab4
10513934
#698B22
DarkOliveGreen1
202255112
#CAFF70
DarkOliveGreen2
188238104
#BCEE68
DarkOliveGreen3
16220590
#A2CD5A
DarkOliveGreen4
11013961
#6E8B3D
Khaki1
255246143
#FFF68F
Khaki2
238230133
#EEE685
Khaki3
205198115
#CDC673
Khaki4
13913478
#8B864E
LightGoldenrod1
255236139
#FFEC8B
LightGoldenrod2
238220130
#EEDC82
LightGoldenrod3
205190112
#CDBE70
LightGoldenrod4
13912976
#8B814C
LightYellow1
255255224
#FFFFE0
LightYellow2
238238209
#EEEED1
LightYellow3
205205180
#CDCDB4
LightYellow4
139139122
#8B8B7A
Yellow1
2552550
#FFFF00
Yellow2
2382380
#EEEE00
Yellow3
2052050
#CDCD00
MedSpringGreen
0250154
#00FA9A
Yellow4
1391390
#8B8B00
GreenYellow
Gold1
17325547
#ADFF2F
2552150
#FFD700
#EEC900
#CDAD00
#8B7500
#FFC125
#EEB422
#CD9B1D
#8B6914
#FFB90F
#EEAD0E
#CD950C
#8B658B
#FFC1C1
#EEB4B4
#CD9B9B
#8B6969
#FF6A6A
#EE6363
#CD5555
#8B3A3A
#F5F5DC
Sienna1
Beige
245245220
25513071
#FF8247
Sienna2
Wheat
245222179
#F5DEB3
23812166
#EE7942
SandyBrown
Si
升级会员 