网页设计常用色彩搭配表_-_配色表
颜色调配表(大全)
颜色调配表(大全)一:常用颜色调色法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.1 红⾊的具象联想⽕焰、鲜⾎、性、西红柿、西⽠瓤、太阳、红旗、⼝红、中国国旗。
1.2 红⾊的正⾯联想激情、爱情、鲜⾎、能量、热⼼、激动、热量、⼒量、热情、活⼒。
1.3 红⾊的负⾯联想侵略性、愤怒、战争、⾰命、残忍、不道德、危险、幼稚、卑俗。
1.4 红⾊的⽂化域· 在⾮洲,红⾊代表死亡。
· 在法国,红⾊代表雄性。
· 在亚洲,红⾊代表婚姻、繁荣、快乐。
· 在印度,红⾊是⼠兵的颜⾊。
· 在南⾮,红⾊是丧服的⾊彩。
1.5 实例说明为中企动⼒8周年主题⽹站()⽹页截图,整个页⾯使⽤红⾊作为主⾊调,给⼈以喜庆、热闹的感受。
如图所⽰.1.6 红⾊系配⾊⽅案红⾊系的配⾊⽅案如下,如图所⽰:1 在红⾊中加⼊少量的黄,会使其热⼒强盛,趋于躁动、不安。
2 在红⾊中加⼊少量的蓝,会使其热性减弱,趋于⽂雅、柔和。
3 在红⾊中加⼊少量的⿊,会使其性格变的沉稳,趋于厚重、朴实。
4 在红中加⼊少量的⽩,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
2 橙⾊橙⾊能促进⾷欲;橙⾊的房间代表了友善,带给⼈愉快,能促使⼈谈话和思考;橙⾊能够⽤来强化视觉,这就是为什么海滩救⽣员的救⽣服采⽤橙⾊的原因,如图所⽰。
2.1 橙⾊的具象联想秋天、桔⼦、胡萝⼘、⾁汁、砖头、灯光。
2.2 橙⾊的正⾯联想温暖、欢喜、创造⼒、⿎舞、独特性、能量、活跃、模拟、社交、健康、奇想、活⼒、华美、明朗、⽢美。
2.3 橙⾊的负⾯联想粗鲁、时髦、喧嚣、嫉妒、焦躁、可怜、卑俗。
2.4 橙⾊的⽂化域· 在爱尔兰,橙⾊代表新教运动。
· 在美洲⼟著⽂化⾥,橙⾊代表学习和⾎缘关系。
· 在荷兰,橙⾊是国家的颜⾊,因为荷兰的君主来⾃于Orange-Nassau家族。
网页配色经典大全
网页配色经典大全原先见过一个比较日本感的色彩图典,于是我也想作个中国色彩图典。
——真是很难啊。
现在粗略整理了一些,以后慢慢补充好了。
要是有谬误差错的地方还请高人指正。
这是平时从绘画书籍(感谢),古典文学作品(感谢)以及金山词霸^^(大感谢)中搜集而来的。
笑。
html版的也得做出来……等想干的时候再说吧。
████粉红,即浅红色。
别称:妃色杨妃色湘妃色妃红色████妃色妃红色:古同“绯”,粉红色。
杨妃色湘妃色粉红皆同义。
████品红:比大红浅的红色(quester注:这里的“品红”估计是指的“一品红”,是基于大红色系的,和现在我们印刷用色的“品红M100”不是一个概念)████桃红,桃花的颜色,比粉红略鲜润的颜色。
(quester注:不大于M70的色彩,有时可加入适量黄色)████海棠红,淡紫红色、较桃红色深一些,是非常妩媚娇艳的颜色。
████石榴红:石榴花的颜色,高色度和纯度的红色。
████樱桃色:鲜红色████银红:银朱和粉红色颜料配成的颜色。
多用来形容有光泽的各种红色,尤指有光泽浅红。
████大红:正红色,三原色中的红,传统的中国红,又称绛色(quester注:RGB 色中的 R255 系列明度)████绛紫:紫中略带红的颜色████绯红:艳丽的深红████胭脂:1,女子装扮时用的胭脂的颜色。
2,国画暗红色颜料████朱红:朱砂的颜色,比大红活泼,也称铅朱朱色丹色(quester注:在YM对等的情况下,适量减少红色的成分就是该色的色彩系列感觉)████丹:丹砂的鲜艳红色████彤:赤色████茜色:茜草染的色彩,呈深红色████火红:火焰的红色,赤色████赫赤:深红,火红。
泛指赤色、火红色。
████嫣红:鲜艳的红色████洋红:色橘红(quester注:这个色彩方向不太对,通常洋红指的是倾向于M100系列的红色,应该削弱黄色成分。
)████炎:引申为红色。
████赤:本义火的颜色,即红色████绾:绛色;浅绛色。
简单优雅的网站颜色方案-黑白网页设计
简单优雅的网站颜色方案-黑白网页设计网页设计的世界里,黑白两色仿佛是最纯粹的语言,它们简洁、有力,又充满无穷的变化。
今天,就让我们一起探索这个简单而优雅的黑白网页设计方案。
一、设计理念在设计之初,我们明确了这样一个核心理念:用最少的颜色,传达最丰富的情感和信息。
黑白两色,看似对立,实则互补,它们共同构筑了一个平衡、和谐、高级的视觉体验。
二、颜色搭配1.黑色背景黑色,作为网页的背景色,给人一种稳重、深邃的感觉。
它既能突出白色文字和图像的鲜明对比,又能营造出一种神秘、专业的氛围。
2.白色主体白色,作为网页的主体色,它纯净、简洁,让人眼前一亮。
我们将白色应用于文字、图像、导航栏等元素,使其成为视觉焦点。
3.灰色辅助灰色,作为黑白的过渡色,它既不会抢走黑白的视觉焦点,又能增加层次感。
在网页设计中,我们用灰色来表示辅助信息,如注释、标签等。
4.亮色点缀在黑白灰的基础上,我们可以适当地加入一些亮色,如红色、蓝色、绿色等,作为点缀。
这些亮色既能活跃氛围,又能引导用户关注重要信息。
三、布局设计1.简洁的导航栏导航栏作为用户浏览网页的重要工具,我们将其设计得简洁明了。
黑色背景上,白色文字清晰可见,灰色图标点缀其间,既美观又实用。
2.突出的是网页的核心内容,我们采用大号白色文字,搭配黑色背景,使其具有强烈的视觉冲击力。
同时,灰色辅助文字和保持一定的间距,层次感分明。
3.清晰的版式在版式设计上,我们遵循简洁、对称的原则。
黑色、白色、灰色三种颜色交替出现,形成一种视觉节奏。
同时,留白的设计使得整个网页看起来更加透气、舒适。
4.丰富的内容在内容呈现上,我们采用图文结合的方式。
白色文字搭配高质量的黑色或灰色图像,既保证了信息的传达,又增加了视觉美感。
四、交互设计1.清晰的按钮按钮作为用户与网页交互的重要元素,我们将其设计得简洁明了。
黑色背景上,白色文字搭配灰色图标,清晰可见,易于。
2.动态效果为了增加网页的趣味性,我们可以加入一些动态效果。
网页配色方案大全
警告提醒语句的颜色 #000000
配色方案三 (西瓜红色):
浏览器边框颜色 #ffe1f0
顶部菜单表格背景(深背景) #ffe1f0
顶部菜单表格背景(浅背景) #fff4fa
表格边框颜色一 #ff51b0
表格边框颜色二 #ff8cc6
配色方案十 (紫色):
浏览器边框颜色 #f8dcf8
顶部菜单表格背景(深背景) #f8dcf8
顶部菜单表格背景(浅背景) #fff0ff
表格边框颜色一 #983498
表格边框颜色二 #d890d8
标题表格颜色一(深背景) #f8dcf8
标题表格颜色二(浅背景) #fff0ff
顶部菜单表格背景(浅背景) #fff9f7
表格边框颜色一 #ff8e68
表格边框颜色二 #ffa98c
标题表格颜色一(深背景) #ffe9e1
标题表格颜色二(浅背景) #fff9f7
表格体颜色一 #fff9f7
表格体颜色二(1和2颜色在首页显示中穿插) #ffe9e1
表格标题栏字体颜色 #9b2700
标题表格颜色一(深背景) #ffe1f0
标题表格颜色二(浅背景) #fff4fa
表格体颜色一 #fff4fa
表格体颜色二(1和2颜色在首页显示中穿插) #ffe1f0
表格标题栏字体颜色 #bf0069
表格内容栏字体颜色 #bf0069
警告提醒语句的颜色 #602060
表格内容栏字体颜色 #151595
警告提醒语句的颜色 #602060
配色方案十二(淡蓝色):
浏览器边框颜色 #e8f0ff
网页设计中的彩色搭配与非彩色搭配
许多站长在做网页设计的时候,由于没有经过专业的培训,做出来的效果差劲人意。
而一个网页给人的第一印象,不是丰富的内容,也不是无可挑剔的布局,而是网页的色彩搭配。
网页设计的搭配与站点的站长、站点所在的行业有关,现在小编将会编写一系列的网页色彩搭配的文章,望给网页设计在色彩上搭配不好的站长提供帮助。
网页设计的彩色搭配推荐方案一:青色+橙色+黑色具体的配色如上图所显示。
现在我就以这三种颜色做一个假想。
①让黑色位于顶部,且与下面的颜色形成强烈的对比,使网页更有层次感。
打一个比方,让黑色位于导航栏之上,导航栏可以是灰色,或者是其他相对适合的颜色。
导航栏的字也可以是黑色,这样的反差会更加明显。
②青色为主要颜色,位于网页的主要位置,可以具有非常强的冲击力。
③橙色主要作为点睛色,在主要的位置标示,让文字更加醒目。
可以设置文字颜色为橙色,也可以以橙色为底色在上面添加白色的字体。
推荐方案二:深红色+浅红色+白色这个是以可口可乐2011年的官网,我们拿来做一下分析。
由于时间久远,现在无法打开,没有较为清晰的图,望见谅。
①白色文字的大小排列,使主题鲜明,对比明确。
②通过深红色和浅红色的组合,营造出了鲜活、热烈的气氛,给人活力无限的感觉。
③画面中点缀少量的黄色、橙色,以及给部分字体打上浮光效果,使画面更活泼,对比更加鲜明。
非彩色搭配什么是非彩色搭配?顾名思义,就是以黑色、白色、灰色三种颜色的搭配,黑白的搭配,或者与其他的色彩搭配都可以产生很强烈的对比,使所需要展现的主体清晰明了。
灰色则是一种万能色,可以和任何色彩搭配,还可以调和两种对立的色彩,使它们和谐的过渡。
例如我刚刚在彩色搭配中举的例子,让灰色的导航栏完美过渡。
推荐方案一:红色+白色+黑色①红色的图片和图标在黑色背景中,会显得十分突出,十分醒目。
②白色的文字大小排列消减了画面的沉闷感、③灰色的画面使画面过渡得更加自然。
总结:由于时间比较仓促,所以今天就分享到这里。
在下一篇色彩搭配系列的文章中,我将会对每一种颜色适用于每一个行业的搭配做一些推荐。
常见RGB颜色表及配色调色方案
RGB 颜色表颜色名称RGB 代码六角#样本雪雪2238-233-233 eee9e9雪3-205 cdc9c9雪4139-137-137 8b8989白鬼248-248-255 f8f8ff白烟245-245-245 f5f5f5盖恩斯博洛220-220-220白花香255-250-240 fffaf0 旧花边253-245-230 fdf5e6 亚麻布240-240-230 faf0e6 仿古白250-235-215 faebd7 仿古白2238-223-204 eedfcc 仿古白3205-192-176 cdc0b0 仿古白色4139-131-120木瓜鞭255-239-213 ffefd5 脱皮杏仁255-235-205 ffebcd 浓汤255-228-196 ffe4c4 比斯克2238-213-183 eed5b7 比斯克3205-183-158 cdb79e 比斯克4139-125-107 8b7d6b 桃普夫255-218-185 ffdab9 桃普夫2238-203-173 eecbad桃普夫3205-175-149 cdaf95 桃普夫4139-119-101 8b7765 纳瓦霍白255-222-173 ffdead 莫卡辛255-228-181 ffe4b5 康西尔克255-248-220 fff8dc 康西尔克2238-232-205 eee8dc205-200-177 cdc8b1139-136-120 8b8878 象牙255-255-240 fffff0 象牙2238-238-224 eeeee0 象牙3205-205-193 cdcdc1 象牙4139-139-131 8b8b83 柠檬雪纺255-250-205 fffacd 贝壳255-245-238 fff5ee 贝壳2238-229-222 eee5de 贝壳3205-197-191 cdc5bf贝壳4139-134-130 8b8682 哈尼迪尤240-255-240 f0fff0244-238-224 e0eee0193-205-1934 131-139-131 838b83 薄荷膏245-255-250 f5fffa 蔚蓝色240-255-255 f0ffff 爱丽丝蓝240-248-255 f0f8ff 薰衣草230-230-250 e6e6fa 薰衣草胭脂255-240-245 fff0f5 米斯蒂罗斯255-228-225 ffe4e1 白255-255-255 ffffff颜色名称RGB 代码六角#样本子夜蓝25-25-112 191970海军000080矢车菊蓝100-149-237 6495ed暗灰蓝色72-61-139 483d8b灰蓝色106-90-205 6a5acd中等板岩蓝123-104-238 7b68ee光板岩蓝132-112-255 8470ff中等蓝皇家蓝蓝色道奇蓝深蓝色的天空天蓝色135-206-250 87ceeb天蓝色光135-206-250 87cefa钢铁蓝70-130-180 4682b4轻钢蓝176-196-222 b0c4de浅蓝173-216-230 add8e6粉蓝色帕莱绿松石175-238-238 afeeee黑暗绿松石0-206-209 00ced1中等绿松石72-209-204 48d1cc绿松石64-224-208 40e0d0青色0-255-255 00ffff淡青色224-255-255 e0ffff卡代蓝95-158-160 5f9ea0黄色颜色名称RGB 代码六角#样本帕莱戈尔登罗德238-232-170 eee8aa黄色光戈尔登罗德250-250-210 fafad2浅黄色255-255-224 ffffe0黄色255-255-0 ffff00黄金255-215-0 ffd700光戈尔登罗德238-221-130 eedd82戈尔登罗德218-165-32 daa520黑暗戈尔登罗德184-134-11 b8860b布朗斯颜色名称RGB 代码六角#样本萝西布朗188-143-143 bc8f8f印度红205-92-92 cd5c5c桔子颜色名称六角#样本黑暗的鲑鱼233-150-122 e9967a三文鱼250-128-114 fa8072鞍布朗139-69-19 8b4513 赭160-82-45 a0522d 秘鲁205-133-63 cd853f Burlywood 222-184-135 deb887 米色245-245-220 f5f5dc 小麦245-222-179 f5deb3 桑迪布朗244-164-96 f4a460 黄褐色210-180-140 d2b48c 巧克力210-105-30 d2691e 耐火砖178-34-34棕色165-42-42 a52a2a光沙蒙ffa07a橙255-165-0 ffa500 深橙色255-140-0 ff8c00 珊瑚255-127-80光珊瑚240-128-128 f08080西红柿255-99-71 ff6347橙红色255-69-0 ff4500红色255-0-0 ff0000紫罗兰颜色名称RGB 代码六角#样本粉色深粉红粉红色255-192-203浅粉红色255-182-193苍白的紫罗兰红色219-112-147栗色176-48-96中等紫红色199-21-133紫罗兰红紫色238-130-238梅兰花颜色名称六角#样本中等兰花暗兰暗紫色布卢比奥莱特黑色0-0-0暗灰色板岩暗淡的灰色105-105-105深灰色112-138-144光板岩灰色778899 灰色浅灰色.设计配色方案[第一辑]-六项注意颜色可以作为信息表达的有效工具, 它可以表达信息并增强文稿的效果。
网页设计常用色彩搭配表配色表
本节将网页设计中常见的色彩搭配按照色相的顺序归类。
每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。
色彩搭配看似复杂,但并不神秘。
既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。
如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。
当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。
因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。
为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。
对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。
并且亮度偏高。
可以看到,几乎每个组合都有白色参与。
当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。
可爱、快乐、有趣印象中的色彩搭配特点是,色相分布均匀,冷暖搭配,饱和度高,色彩分辨度高。
#66CCCC#CCFF66#FF99CC#FF9999#FFCC99#FF6666#FFFF66#99CC66#666699#FFFFFF#FF9999#99CC33#FF9900#FFCC00#FF0033#FFFFFF#FF9966#FF9900#CCFF00#CC3399#99CC33#FFFFFF#FF6600#993366#CCCC33#666633#66CCCC#FFFFFF#666699活泼、快乐、有趣相对前一种印象,色彩选择更加广泛,?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。
#CC9999#FFFF99#666699#FF9900#FFFF00#0099CC#CCCC99#CC3399#99CC00#FF6666#FFFF00#3399CC#CC6600#CCCC33#FF9933#FFFFCC#009933#0099CC#CCCCCC#FF6666#FF6600#FFFF66#009966#CC6633#FFCC99#CC6600#CC0066#009999#FFCC33运动的色彩要强化激烈、刺激的感受,同时还要体现健康、快乐、阳光。
颜色调配表大全
颜色调配表大全 IMB standardization office【IMB 5AB- IMBK 08- IMB 2C】颜色调配表(大全)一:常用颜色调色法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。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页设计常用色彩搭配表- 配色表按色相的搭配分类
本节将网页设计中常见的色彩搭配按照色相的顺序归类。
每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。
红色
按印象的搭配分类
色彩搭配看似复杂,但并不神秘。
既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。
如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。
当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。
因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。
为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。
对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。
并且亮度偏高。
可以看到,几乎每个组合都有白色参与。
当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。
可爱、快乐、有趣印象中的色彩搭配特点是,色相分布均匀,冷暖搭配,饱和度高,色彩分辨度高。
活泼、快乐、有趣相对前一种印象,色彩选择更加广泛,?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。
运动的色彩要强化激烈、刺激的感受,同时还要体现健康、快乐、阳光。
因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。
华丽的印象要求页面充斥有彩色,并且饱和度偏高,而亮度适当减弱则能强化这种印象。
狂野的印象空间中少不了低亮度的色彩,甚至可以用适当的黑色搭配。
其他有彩色的饱和度高,对比强烈。
女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。
一般它们之间要进行高饱和的搭配。
优雅的感觉很奇特,色彩的饱和度一般要降下来。
一般以蓝、红之间的相邻,调节亮度和饱和度进行搭配。
高尚一般要用低亮度的黄绿色,色彩亮度降下去,注意色彩的平衡,页面就会显得安稳。
绿色是冷静、自然印象的主角,但是绿色作为页面的主要色彩,容易陷入过于消极的感觉传达,因此应该特别重视图案的设计。
传统的内容一般要降低色彩的饱和度,特别是棕色很适合。
前面介绍紫色也是高雅和优雅印象的常用色相。
传统、稳重、古典都是保守的印象,色彩的选择上应该尽量用低亮度的暖色,这种搭配符合成熟的审美。
亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。
这样的搭配为了避免色彩过于保守,使页面僵化、消极,应当注重冷暖结合和明暗对比。
简单、洁净的色彩在色相上可以用蓝、绿表现,并大面积留白。
而进步的印象可以多用蓝色,搭配低饱和甚至灰色。
灰色是最为平衡的色彩,并且是塑料金属质感的主要色彩之一,因而要表达高雅、时尚,可以适当使用,甚至大面积使用。
但是要注重图案和质感的构造。
表现进步的色彩主要以蓝色为主,搭配灰色。
而色彩的明度统一、色相相邻,在色彩上会显得简洁。