网页设计常用色彩搭配表_-_配色表

合集下载

颜色调配表(大全)

颜色调配表(大全)

颜色调配表(大全)一:常用颜色调色法1 粉红―――红(原色)2.5%白(原色)97.5%2 粉红―――红(原色)4%白(原色)96%3 粉红―――大红(原色)5%白(原色)95%4 紫红色――红(原色)94.5%黑(原色)1.8%蓝(原色)3.7%5 紫红色――紫红(原色)85%大红(原色)15%6 粉红色――红(原色)87%黑(原色)14.5%蓝(原色)14.5%7 樱桃红色―大红(原色)75%紫红(原色)25%8 橙色――柠檬黄52%大红(原色)48%9 玫瑰红――大红(原色)30%白(原色)46%紫红(原色)24%10 枣红――红(原色)94.5%黑(原色)1.8%蓝(原色)3.7%11 枣红――红(原色)70.75%黑(原色)4.68%黄(原色)24.57%12 铁红――红(原色)72.4%黑(原色)11.2%黄(原色)16.4%13 桔红――红(原色)8%黄(原色)92%14肉红色――白(原色)92.5%黄(原色)4%红(原色)3.5%15肉色――白(原色)80%桔黄(原色)17%蓝(原色)3.%16 棕色――中黄(原色)25%紫红(原色)12.5%铁红(原色)50%黑(原色)12.5%17 紫棕色――中黄(原色)13.5%紫红(原色)3%铁红(原色)80%黑(原色)3.5%18 深棕色――中黄(原色)20%紫红(原色)10%铁红(原色)60%黑(原色)10%19 深棕色――红(原色)65.5%黑(原色)34.5%20 淡棕色――红(原色)18.5%黑(原色)10.2%黄(原色)71.3%21 淡棕色――红(原色)20%黑(原色)10.2%黄(原色)69.8%22 淡棕色――铁黄(原色)50%铁红(原色)25%中黄(原色)25%23 淡赭色――红(原色)4.2%白(原色)80.8%黄(原色)14.7%黑(原色)0.3%24 栗色――红(原色)72%蓝(原色)14%黄(原色)11%黑(原色)3%25 栗壳色――红(原色)71.5%蓝(原色)14%黄(原色)11.5%黑(原色)3%26 赭石色――红(原色)7.5%白(原色)69.5%黄(原色)21.8%黑(原色)1.2%27 咖啡色――红(原色)62%黑(原色)8%黄(原色)30%28 淡紫色――红(原色)1.94%白(原色)97.1%蓝(原色)0.96%30 深紫色――红(原色)91.5%蓝(原色)7.5%31 蛋青色――白(原色)94.5%蓝(原色)0.5%黄(原色)4.5%黑(原色)0.5%32 乳白色――白(原色)98.3%黄(原色)1.7%33 奶油色――白(原色)97%黄(原色)3%34 奶油色――红(原色)0.7%黄(原色)3.8%白(原色)95.5%35 奶油色――红(原色)1%白(原色)95%黄(原色)4%36 奶油色――白(原色)85%柠檬黄(原色)5%铁黄(原色)10%37 象牙色――白(原色)75%铁黄(原色)25%38 浅驼色――红(原色)3.67%白(原色)70%黄(原色)20.81%黑(原色)5.52%39 米色――白(原色)86%黑(原色)4%中黄(原色)5%大红(原色)5%40 桔黄色――红(原色)80%黑(原色)2%黄(原色)18%41 乳黄色――白(原色)96%黄(原色)4%红少许42 乳黄色――白(原色)92.5%蓝(原色)7.5%43 军黄色――黄(原色)73%蓝(原色)4%红(原色)20%黑(原色)3%44 军黄色――中黄(原色)75%黑(原色)15%铁红(原色)10%45 淡黄色――柠檬黄(原色)90%中黄(原色)10%46 中黄色――中黄色(原色)100%47 铁黄色――铁黄(原色)75%中黄(原色)20%铁红(原色)5%48 赭黄色――中黄(原色)60%铁黄(原色)40%49 金黄色――中黄(原色)95%大红(原色)5%50 银灰色――白(原色)95%蓝(原色)1 %黑(原色)4%51 中灰色――白(原色)73%蓝(原色)5 %黑(原色)22%52 中灰色――白(原色)89.62%蓝(原色)1.35%黑(原色)9.03%53 中灰色――白(原色)92%蓝(原色)0.5 %黑(原色)7.5%54 中灰色――白(原色)89.5%蓝(原色)1.2 %黑(原色)1.2%55 浅灰色――白(原色)93.5%蓝(原色)0.7 %黑(原色)5.8%56 浅灰色――白(原色)94.1%蓝(原色)0.94 %黑(原色)4.96%57 蓝灰色――白(原色)73.35%蓝(原色)12.84 %黑(原色)13.81%58 铁灰色――白(原色)88%黄(原色)1 %黑(原色)11%59 浅灰色――白(原色)97.5%蓝(原色)1.8 %黑(原色)0.7%60 淡天然色――白(原色)98.2%蓝(原色)1.8 %61 淡天然色――白(原色)95%蓝(原色)5 %62 雅蓝色――白(原色)95%蓝(原色)3 %柠檬黄(原色)2%63 天蓝色――白(原色)90%蓝(原色)9%柠檬黄(原色)1%64 天蓝色――白(原色)94.5%蓝(原色)5.5%65 天蓝色――白(原色)94%蓝(原色)6%66 海蓝色――白(原色)93.5%蓝(原色)6.5%67 淡蓝色――白(原色)80%钛蓝(原色)5 %蓝(原色)15%68 淡蓝色――白(原色)80%蓝(原色)18 %柠檬黄(原色)2%70 深蓝色――白(原色)13%蓝(原色)85%黑(原色)2%71 鲜蓝色――白(原色)40%中黄(原色)8 %柠檬黄(原色)2%蓝(原色)50%72 绿色――蓝(原色)55%黄(原色)45%73 豆绿色――白(原色)25%黄(原色)12%柠檬黄(原色)2.5%绿(原色)38%蓝(原色)50%74 草绿色――白(原色)11%黄(原色)50 %红(原色)15%蓝(原色)4%黑(原色)20%75 草绿色――中黄(原色)45 %铁红(原色)25 %蓝(原色)20%黑(原色)10%76 国防绿色――黄(原色)62.5%红(原色)7.2%蓝(原色)7.3%黑(原色)9.5%白(原色)13.5%77 国防绿色――黄(原色)60.1%红(原色)8.4%蓝(原色)8.5%黑(原色)10%白(原色)13%78 解放绿色――黄(原色)22.9%红(原色)2.7%蓝(原色)41.6%黑(原色)23.6%白(原色)9.2%79 解放绿色――黄(原色)3.6%红(原色)26.5%蓝(原色)38.5%黑(原色)7.6%白(原色)23.8%80 淡豆绿色――黄(原色)7.9%白(原色)90%蓝(原色)2.1%81 淡湖绿色――黄(原色)22.17%白(原色)67.21%蓝(原色)10.62%82 湖绿色――黄(原色)6.06%白(原色)90.9%蓝(原色)3.04%83 湖绿色――黄(原色)7.3%白(原色)88.5%蓝(原色)4.2%84 湖绿色――中黄(原色)5%白(原色)75%蓝(原色)10%柠檬黄(原色)10%85 宝绿色(湖绿色)―中黄(原色)5%白(原色)75%蓝(原色)10%86 鲜绿色――柠檬黄(原色)25%白(原色)45%蓝(原色)30%87 淡茶绿色――柠檬黄(原色)30%白(原色)44%蓝(原色)30%88 鸳鸯绿色――柠檬黄(原色)50%白(原色)10%蓝(原色)40%89 墨绿色――中黄(原色)50%黑(原色)15%蓝(原色)35%90 黑绿色――黄(原色)37%黑(原色)7%蓝(原色)56%91 深绿色――绿(原色)80%蓝(原色)20%92 深绿色――柠檬黄(原色)33%中黄(原色)10%蓝(原色)57%93 葱绿色――黄(原色)91.5%蓝(原色)8.5%94 淡果绿色――白(原色)98.5%蓝(原色)0.75%黄(原色)0.75%95 果绿色――白(原色)90%蓝(原色)2%柠檬黄(原色)8%96 苹果绿色――白(原色)94%蓝(原色)2%柠檬黄(原色)4%97 浅绿色――白(原色060%蓝(原色)5%中黄(原色)10%柠檬黄(原色)25%98 浅绿色――蓝(原色)15%中黄(原色)20%柠檬黄(原色)65%99 翠绿色――蓝(原色)20%柠檬黄(原色)80%100 中绿色――蓝(原色)30%中黄(原色)10%柠檬黄(原色)60%101 车皮绿色――蓝(原色)40%中黄(原色)10%柠檬黄(原色)50%二:电脑印刷色调法:青色Cyan、洋红色Magenta、黄色Yellow。

网站配色方案与网页色彩搭配

网站配色方案与网页色彩搭配
五、紫色
1 分析:
紫色具有创造、谜、忠诚、神秘及稀有等内涵。象征着女性化,代表着高贵和奢华、优雅与魅力,也象征着神秘与庄重、神圣和浪漫。紫色通常被用于以女性为对象或以艺术品介绍为主的站点,但很多大公司的站点中也喜欢使用蕴含着神秘、尊贵和高尚的紫色。
2 搭配:
紫色加入少量的白色,就会成为一种十分优美、柔和的色彩。随着白色的不断加入,也就不断产生不同层次的淡紫色,可使紫色的沉闷性格消失,变得优雅、娇气,并充满女性魅力。
2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
深蓝色是沉稳的且较常用的色调,能给人以沉稳、冷静、严谨和成熟的心理感受。它主要用于营造安稳、可靠及略带有神秘感的氛围,一般用于企业宣传类网站的设计中。
四、绿色
1 分析:
在商业网页设计中,绿色所传递的是清爽、理想、希望和生长的意象,较符合服务业、卫生保健业、教育行业、农业类网页设计的要求。绿色通常与环保意识有关,也经常使人联想到有关健康方面的事物。绿色与人类息息相关,是自然之色,代表了生命与希望,也充满了青春与活力。它生机勃勃,象征着生命。它本身具有特定的与自然、健康相关的感受,所以也经常被用于与自然、健康相关的站点。此外,绿色还经常用于一些公司的儿童站点或教育站点。绿色具有黄色和蓝色两种成分,绿色的性格最为平和、安稳,是一种柔顺、恬静、满足及优美的色彩。
一、红色
1 分析:

颜色调配表(.大全.)

颜色调配表(.大全.)

颜色调配表(大全)一:常用颜色调色法1 粉红―――红(原色)2.5%白(原色)97.5%2 粉红―――红(原色)4%白(原色)96%3 粉红―――大红(原色)5%白(原色)95%4 紫红色――红(原色)94.5%黑(原色)1.8%蓝(原色)3.7%5 紫红色――紫红(原色)85%大红(原色)15%6 粉红色――红(原色)87%黑(原色)14.5%蓝(原色)14.5%7 樱桃红色―大红(原色)75%紫红(原色)25%8 橙色――柠檬黄52%大红(原色)48%9 玫瑰红――大红(原色)30%白(原色)46%紫红(原色)24%10 枣红――红(原色)94.5%黑(原色)1.8%蓝(原色)3.7%11 枣红――红(原色)70.75%黑(原色)4.68%黄(原色)24.57%12 铁红――红(原色)72.4%黑(原色)11.2%黄(原色)16.4%13 桔红――红(原色)8%黄(原色)92%14肉红色――白(原色)92.5%黄(原色)4%红(原色)3.5%15肉色――白(原色)80%桔黄(原色)17%蓝(原色)3.%16 棕色――中黄(原色)25%紫红(原色)12.5%铁红(原色)50%黑(原色)12.5%17 紫棕色――中黄(原色)13.5%紫红(原色)3%铁红(原色)80%黑(原色)3.5%18 深棕色――中黄(原色)20%紫红(原色)10%铁红(原色)60%黑(原色)10%19 深棕色――红(原色)65.5%黑(原色)34.5%20 淡棕色――红(原色)18.5%黑(原色)10.2%黄(原色)71.3%21 淡棕色――红(原色)20%黑(原色)10.2%黄(原色)69.8%22 淡棕色――铁黄(原色)50%铁红(原色)25%中黄(原色)25%23 淡赭色――红(原色)4.2%白(原色)80.8%黄(原色)14.7%黑(原色)0.3%24 栗色――红(原色)72%蓝(原色)14%黄(原色)11%黑(原色)3%25 栗壳色――红(原色)71.5%蓝(原色)14%黄(原色)11.5%黑(原色)3%26 赭石色――红(原色)7.5%白(原色)69.5%黄(原色)21.8%黑(原色)1.2%27 咖啡色――红(原色)62%黑(原色)8%黄(原色)30%28 淡紫色――红(原色)1.94%白(原色)97.1%蓝(原色)0.96%30 深紫色――红(原色)91.5%蓝(原色)7.5%31 蛋青色――白(原色)94.5%蓝(原色)0.5%黄(原色)4.5%黑(原色)0.5%32 乳白色――白(原色)98.3%黄(原色)1.7%33 奶油色――白(原色)97%黄(原色)3%34 奶油色――红(原色)0.7%黄(原色)3.8%白(原色)95.5%35 奶油色――红(原色)1%白(原色)95%黄(原色)4%36 奶油色――白(原色)85%柠檬黄(原色)5%铁黄(原色)10%37 象牙色――白(原色)75%铁黄(原色)25%38 浅驼色――红(原色)3.67%白(原色)70%黄(原色)20.81%黑(原色)5.52%39 米色――白(原色)86%黑(原色)4%中黄(原色)5%大红(原色)5%40 桔黄色――红(原色)80%黑(原色)2%黄(原色)18%41 乳黄色――白(原色)96%黄(原色)4%红少许42 乳黄色――白(原色)92.5%蓝(原色)7.5%43 军黄色――黄(原色)73%蓝(原色)4%红(原色)20%黑(原色)3%44 军黄色――中黄(原色)75%黑(原色)15%铁红(原色)10%45 淡黄色――柠檬黄(原色)90%中黄(原色)10%46 中黄色――中黄色(原色)100%47 铁黄色――铁黄(原色)75%中黄(原色)20%铁红(原色)5%48 赭黄色――中黄(原色)60%铁黄(原色)40%49 金黄色――中黄(原色)95%大红(原色)5%50 银灰色――白(原色)95%蓝(原色)1 %黑(原色)4%51 中灰色――白(原色)73%蓝(原色)5 %黑(原色)22%52 中灰色――白(原色)89.62%蓝(原色)1.35%黑(原色)9.03%53 中灰色――白(原色)92%蓝(原色)0.5 %黑(原色)7.5%54 中灰色――白(原色)89.5%蓝(原色)1.2 %黑(原色)1.2%55 浅灰色――白(原色)93.5%蓝(原色)0.7 %黑(原色)5.8%56 浅灰色――白(原色)94.1%蓝(原色)0.94 %黑(原色)4.96%57 蓝灰色――白(原色)73.35%蓝(原色)12.84 %黑(原色)13.81%58 铁灰色――白(原色)88%黄(原色)1 %黑(原色)11%59 浅灰色――白(原色)97.5%蓝(原色)1.8 %黑(原色)0.7%60 淡天然色――白(原色)98.2%蓝(原色)1.8 %61 淡天然色――白(原色)95%蓝(原色)5 %62 雅蓝色――白(原色)95%蓝(原色)3 %柠檬黄(原色)2%63 天蓝色――白(原色)90%蓝(原色)9%柠檬黄(原色)1%64 天蓝色――白(原色)94.5%蓝(原色)5.5%65 天蓝色――白(原色)94%蓝(原色)6%66 海蓝色――白(原色)93.5%蓝(原色)6.5%67 淡蓝色――白(原色)80%钛蓝(原色)5 %蓝(原色)15%68 淡蓝色――白(原色)80%蓝(原色)18 %柠檬黄(原色)2%70 深蓝色――白(原色)13%蓝(原色)85%黑(原色)2%71 鲜蓝色――白(原色)40%中黄(原色)8 %柠檬黄(原色)2%蓝(原色)50%72 绿色――蓝(原色)55%黄(原色)45%73 豆绿色――白(原色)25%黄(原色)12%柠檬黄(原色)2.5%绿(原色)38%蓝(原色)50%74 草绿色――白(原色)11%黄(原色)50 %红(原色)15%蓝(原色)4%黑(原色)20%75 草绿色――中黄(原色)45 %铁红(原色)25 %蓝(原色)20%黑(原色)10%76 国防绿色――黄(原色)62.5%红(原色)7.2%蓝(原色)7.3%黑(原色)9.5%白(原色)13.5%77 国防绿色――黄(原色)60.1%红(原色)8.4%蓝(原色)8.5%黑(原色)10%白(原色)13%78 解放绿色――黄(原色)22.9%红(原色)2.7%蓝(原色)41.6%黑(原色)23.6%白(原色)9.2%79 解放绿色――黄(原色)3.6%红(原色)26.5%蓝(原色)38.5%黑(原色)7.6%白(原色)23.8%80 淡豆绿色――黄(原色)7.9%白(原色)90%蓝(原色)2.1%81 淡湖绿色――黄(原色)22.17%白(原色)67.21%蓝(原色)10.62%82 湖绿色――黄(原色)6.06%白(原色)90.9%蓝(原色)3.04%83 湖绿色――黄(原色)7.3%白(原色)88.5%蓝(原色)4.2%84 湖绿色――中黄(原色)5%白(原色)75%蓝(原色)10%柠檬黄(原色)10%85 宝绿色(湖绿色)―中黄(原色)5%白(原色)75%蓝(原色)10%86 鲜绿色――柠檬黄(原色)25%白(原色)45%蓝(原色)30%87 淡茶绿色――柠檬黄(原色)30%白(原色)44%蓝(原色)30%88 鸳鸯绿色――柠檬黄(原色)50%白(原色)10%蓝(原色)40%89 墨绿色――中黄(原色)50%黑(原色)15%蓝(原色)35%90 黑绿色――黄(原色)37%黑(原色)7%蓝(原色)56%91 深绿色――绿(原色)80%蓝(原色)20%92 深绿色――柠檬黄(原色)33%中黄(原色)10%蓝(原色)57%93 葱绿色――黄(原色)91.5%蓝(原色)8.5%94 淡果绿色――白(原色)98.5%蓝(原色)0.75%黄(原色)0.75%95 果绿色――白(原色)90%蓝(原色)2%柠檬黄(原色)8%96 苹果绿色――白(原色)94%蓝(原色)2%柠檬黄(原色)4%97 浅绿色――白(原色060%蓝(原色)5%中黄(原色)10%柠檬黄(原色)25%98 浅绿色――蓝(原色)15%中黄(原色)20%柠檬黄(原色)65%99 翠绿色――蓝(原色)20%柠檬黄(原色)80%100 中绿色――蓝(原色)30%中黄(原色)10%柠檬黄(原色)60%101 车皮绿色――蓝(原色)40%中黄(原色)10%柠檬黄(原色)50%青色Cyan、洋红色Magenta、黄色Yellow。

网页中最佳颜色搭配

网页中最佳颜色搭配

网页中最佳颜色搭配一、色彩处理色彩是人的视觉最敏感的东西。

主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。

色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。

在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。

因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。

其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。

色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。

另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。

充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。

下面介绍几种常用的配色方案:1.暖色调。

即红色、橙色、黄色、赭色等色彩的搭配。

这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。

即青色、绿色、紫色等色彩的搭配。

这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。

即把色性完全相反的色彩搭配在同一个空间里。

例如:红与绿、黄与紫、橙与蓝等。

这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。

当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。

这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。

底色浅的称为高调;底色深的称为低调。

底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。

这种深浅的变化在色彩学中称为“明度变化”。

有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。

网页文字和色彩搭配

网页文字和色彩搭配

一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。

而为了追求醒目的视觉效果,可以为标题使用较深的颜色。

下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。

浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。

红色底配白色文字,比较深的底色配黄色文字显得非常有效果。

此文只是起一个“抛砖引玉”的作用,大家可以发挥想象力,搭配出更有新意、更醒目的颜色,使网页更具有吸引力==================如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。

网络世界五彩缤纷,涌现出大量优秀精美的网页。

大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中,文本是网页中最为重要的设计元素。

对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见。

文字的格式化字号、字体、行距字号大小可以用不同的方式来计算,例如磅#quotel.quoter#或像素(Pixel)。

因为以像素技术为基础单位打印时需要转换为磅,所以,建议采用磅为单位。

最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较多,通常采用9磅的字号。

较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。

需要注意的是,小字号容易产生整体感和精致感,但可读性较差。

网页设计者可以用字体来更充分地体现设计中要表达的情感。

字体选择是一种感性、直观的行为。

但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。

例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。

颜色调配表

颜色调配表

颜色彩配表(大全)一:常用颜色彩色法1 粉红―――红(原色)%白(原色)%2 粉红―――红(原色)4%白(原色)96%3 粉红―――大红(原色)5%白(原色)95%4 紫红色――红(原色)%黑(原色)%蓝(原色)%5 紫红色――紫红(原色)85%大红(原色)15%6 粉红色――红(原色)87%黑(原色)%蓝(原色)%7 樱桃红色―大红(原色)75%紫红(原色)25%8 橙色――柠檬黄 52%大红(原色) 48%9 玫瑰红――大红(原色)30%白(原色)46%紫红(原色)24%10 枣红――红(原色)%黑(原色)%蓝(原色)%11 枣红――红(原色)%黑(原色)%黄(原色)%12 铁红――红(原色)%黑(原色)%黄(原色)%13 桔红――红(原色)8%黄(原色)92%14 肉红色――白(原色)%黄(原色) 4%红(原色)%15 肉色――白(原色)80%桔黄(原色)17%蓝(原色) 3. %16 棕色――中黄(原色)25%紫红(原色)%铁红(原色)50%黑(原色)%17 紫棕色――中黄(原色)%紫红(原色) 3%铁红(原色)80%黑(原色)%18 深棕色――中黄(原色)20%紫红(原色)10%铁红(原色)60%黑(原色) 10%19 深棕色――红(原色)%黑(原色)%20 淡棕色――红(原色)%黑(原色)%黄(原色)%21 淡棕色――红(原色)20%黑(原色)%黄(原色)%22 淡棕色――铁黄(原色)50%铁红(原色)25%中黄(原色) 25%23 淡赭色――红(原色)%白(原色)%黄(原色)%黑(原色)%24 栗色――红(原色)72%蓝(原色) 14%黄(原色)11%黑(原色)3%25 栗壳色――红(原色)%蓝(原色) 14%黄(原色)%黑(原色)3%26 赭石色――红(原色)%白(原色)%黄(原色)%黑(原色)%27 咖啡色――红(原色)62%黑(原色)8%黄(原色)30%28 淡紫色――红(原色)%白(原色)%蓝(原色)%29 淡紫色――红(原色)%蓝(原色)%白(原色)%30 深紫色――红(原色)%蓝(原色)%31 蛋青色――白(原色)%蓝(原色)%黄(原色)%黑(原色)%32 乳白色――白(原色)%黄(原色)%33 奶油色――白(原色)97%黄(原色)3%34 奶油色――红(原色)%黄(原色)%白(原色)%35 奶油色――红(原色)1%白(原色)95%黄(原色) 4%36 奶油色――白(原色)85%柠檬黄(原色)5%铁黄(原色)10%37 象牙色――白(原色)75%铁黄(原色)25%38 浅驼色――红(原色)%白(原色) 70%黄(原色)%黑(原色)%39 米色――白(原色) 86%黑(原色)4%中黄(原色)5%大红(原色)5%40 桔黄色――红(原色)80%黑(原色)2%黄(原色) 18%41 乳黄色――白(原色)96%黄(原色)4%红少量42 乳黄色――白(原色)%蓝(原色)%43 军黄色――黄(原色)73%蓝(原色)4%红(原色) 20%黑(原色)3%44 军黄色――中黄(原色)75%黑(原色)15%铁红(原色)10%45 淡黄色――柠檬黄(原色)90%中黄(原色)10%46中黄色――中黄色(原色) 100%47 铁黄色――铁黄(原色)75%中黄(原色)20%铁红(原色) 5%48 赭黄色――中黄(原色)60%铁黄(原色)40%49 金黄色――中黄(原色)95%大红(原色)5%50 银灰色――白(原色)95%蓝(原色) 1 %黑(原色) 4%51 中灰色――白(原色)73%蓝(原色) 5 %黑(原色) 22%52 中灰色――白(原色)%蓝(原色)%黑(原色)%53 中灰色――白(原色)92%蓝(原色)%黑(原色)%54 中灰色――白(原色)%蓝(原色)%黑(原色)%55 浅灰色――白(原色)%蓝(原色)%黑(原色)%56 浅灰色――白(原色)%蓝(原色)%黑(原色)%57 蓝灰色――白(原色)%蓝(原色)%黑(原色)%58 铁灰色――白(原色)88%黄(原色) 1 %黑(原色) 11%59 浅灰色――白(原色)%蓝(原色)%黑(原色)%60 淡天然色――白(原色)%蓝(原色)%61 淡天然色――白(原色)95%蓝(原色) 5 %62 雅蓝色――白(原色)95%蓝(原色) 3 %柠檬黄(原色)2%63 天蓝色――白(原色)90%蓝(原色) 9%柠檬黄(原色)1%64 天蓝色――白(原色)%蓝(原色)%65 天蓝色――白(原色)94%蓝(原色) 6%66 海蓝色――白(原色)%蓝(原色)%67 淡蓝色――白(原色)80%钛蓝(原色) 5 %蓝(原色) 15%68 淡蓝色――白(原色)80%蓝(原色) 18 %柠檬黄(原色)2%69 中蓝色――白(原色)23%蓝(原色) 75 %黑(原色) 2%70 深蓝色――白(原色)13%蓝(原色) 85%黑(原色) 2%71 鲜蓝色――白(原色)40%中黄(原色)8 %柠檬黄(原色)2%蓝(原色)50%72 绿色――蓝(原色) 55%黄(原色) 45%73 豆绿色――白(原色)25%黄(原色) 12%柠檬黄(原色)%绿(原色)38%蓝(原色)50%74 草绿色――白(原色)11%黄(原色) 50 %红(原色) 15%蓝(原色)4%黑(原色) 20%75 草绿色――中黄(原色)45 %铁红(原色)25 %蓝(原色) 20%黑(原色)10%76 国防绿色――黄(原色)%红(原色)%蓝(原色)%黑(原色)%白(原色)%77 国防绿色――黄(原色)%红(原色)%蓝(原色)%黑(原色)10%白(原色) 13%78 解放绿色――黄(原色)%红(原色)%蓝(原色)%黑(原色)%白(原色)%79 解放绿色――黄(原色)%红(原色)%蓝(原色)%黑(原色)%白(原色)%80 淡豆绿色――黄(原色)%白(原色) 90%蓝(原色)%81 淡湖绿色――黄(原色)%白(原色)%蓝(原色)%82 湖绿色――黄(原色)%白(原色)%蓝(原色)%83 湖绿色――黄(原色)%白(原色)%蓝(原色)%84 湖绿色――中黄(原色)5%白(原色) 75%蓝(原色) 10%柠檬黄(原色)10%85 宝绿色 ( 湖绿色 ) ―中黄(原色)5%白(原色) 75%蓝(原色)10%86 鲜绿色――柠檬黄(原色)25%白(原色)45%蓝(原色) 30%87 淡茶绿色――柠檬黄(原色)30%白(原色)44%蓝(原色) 30%88 鸳鸯绿色――柠檬黄(原色)50%白(原色) 10%蓝(原色)40%89 墨绿色――中黄(原色)50%黑(原色)15%蓝(原色)35%90 黑绿色――黄(原色)37%黑(原色)7%蓝(原色)56%91 深绿色――绿(原色)80%蓝(原色)20%92 深绿色――柠檬黄(原色)33%中黄(原色)10%蓝(原色)57%93 翠绿色――黄(原色)%蓝(原色)%94 淡果绿色――白(原色)%蓝(原色)%黄(原色)%95 果绿色――白(原色)90%蓝(原色) 2%柠檬黄(原色)8%96 苹果绿色――白(原色)94%蓝(原色)2%柠檬黄(原色)4%97 浅绿色――白(原色 060%蓝(原色) 5%中黄(原色) 10%柠檬黄(原色)25%98 浅绿色――蓝(原色)15%中黄(原色)20%柠檬黄(原色)65%99 翠绿色――蓝(原色)20%柠檬黄(原色) 80%100 中绿色――蓝(原色)30%中黄(原色)10%柠檬黄(原色)60%101 车皮绿色――蓝(原色)40%中黄(原色)10%柠檬黄(原色)50%二:电脑印刷色彩法:青色 Cyan、洋红色 Magenta、黄色 Yellow 。

网页美工设计色彩搭配原则

网页美工设计色彩搭配原则

网页美工设计色彩搭配原则网页设计中:网页美工设计色彩搭配原则网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。

蓝色多与白、橙搭配,蓝为主调。

白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。

绿色多与白、兰两色搭配,绿为主调。

白底,绿标题栏,兰色或橙色按钮或ICON 做点缀,绿白相间,雅致而有生气。

橙色多与白、红搭配,橙为主调。

白底,橙标题栏,暗红或桔红色按钮或ICON 做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。

暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,常以暗红为主调。

黑或灰底,暗红标题栏,文字内容背景为浅灰色。

网页美工设计色彩忌讳尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页美工设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。

在网页美工设计中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。

忌跳是指再好看的颜色,也不能脱离整体。

忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。

另外,蓝色忌纯,绿色忌黄,红色忌艳。

一位网页美工设计的前辈说过:设计师不要“为设计而设计”。

再炫酷的页面效果、再丰富的表现形式,如果偏离了以用户为中心的主线,让用户抓不住重点,感悟不到网页本身所需要体现的信息,那么,再好的画面呈现也是败笔。

网页设计常用色彩搭配表 - 配色表

网页设计常用色彩搭配表 - 配色表

网页设计常用色彩搭配表- 配色表按色相的搭配分类本节将网页设计中常见的色彩搭配按照色相的顺序归类。

每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

红色按印象的搭配分类色彩搭配看似复杂,但并不神秘。

既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。

如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。

当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。

因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。

亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。

为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。

对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。

并且亮度偏高。

可以看到,几乎每个组合都有白色参与。

当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。

可爱、快乐、有趣印象中的色彩搭配特点是,色相分布均匀,冷暖搭配,饱和度高,色彩分辨度高。

活泼、快乐、有趣相对前一种印象,色彩选择更加广泛,?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。

运动的色彩要强化激烈、刺激的感受,同时还要体现健康、快乐、阳光。

因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。

华丽的印象要求页面充斥有彩色,并且饱和度偏高,而亮度适当减弱则能强化这种印象。

狂野的印象空间中少不了低亮度的色彩,甚至可以用适当的黑色搭配。

其他有彩色的饱和度高,对比强烈。

女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。

一般它们之间要进行高饱和的搭配。

优雅的感觉很奇特,色彩的饱和度一般要降下来。

一般以蓝、红之间的相邻,调节亮度和饱和度进行搭配。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页设计常用色彩搭配表- 配色表按色相的搭配分类
本节将网页设计中常见的色彩搭配按照色相的顺序归类。

每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

红色
按印象的搭配分类
色彩搭配看似复杂,但并不神秘。

既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。

如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。

当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。

因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。

亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。

为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。

对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。

并且亮度偏高。

可以看到,几乎每个组合都有白色参与。

当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。

可爱、快乐、有趣印象中的色彩搭配特点是,色相分布均匀,冷暖搭配,饱和度高,色彩分辨度高。

活泼、快乐、有趣相对前一种印象,色彩选择更加广泛,?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。

运动的色彩要强化激烈、刺激的感受,同时还要体现健康、快乐、阳光。

因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。

华丽的印象要求页面充斥有彩色,并且饱和度偏高,而亮度适当减弱则能强化这种印象。

狂野的印象空间中少不了低亮度的色彩,甚至可以用适当的黑色搭配。

其他有彩色的饱和度高,对比强烈。

女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。

一般它们之间要进行高饱和的搭配。

优雅的感觉很奇特,色彩的饱和度一般要降下来。

一般以蓝、红之间的相邻,调节亮度和饱和度进行搭配。

高尚一般要用低亮度的黄绿色,色彩亮度降下去,注意色彩的平衡,页面就会显得安稳。

绿色是冷静、自然印象的主角,但是绿色作为页面的主要色彩,容易陷入过于消极的感觉传达,因此应该特别重视图案的设计。

传统的内容一般要降低色彩的饱和度,特别是棕色很适合。

前面介绍紫色也是高雅和优雅印象的常用色相。

传统、稳重、古典都是保守的印象,色彩的选择上应该尽量用低亮度的暖色,这种搭配符合成熟的审美。

亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。

这样的搭配为了避免色彩过于保守,使页面僵化、消极,应当注重冷暖结合和明暗对比。

简单、洁净的色彩在色相上可以用蓝、绿表现,并大面积留白。

而进步的印象可以多用蓝色,搭配低饱和甚至灰色。

灰色是最为平衡的色彩,并且是塑料金属质感的主要色彩之一,因而要表达高雅、时尚,可以适当使用,甚至大面积使用。

但是要注重图案和质感的构造。

表现进步的色彩主要以蓝色为主,搭配灰色。

而色彩的明度统一、色相相邻,在色彩上会显得简洁。

相关文档
最新文档