网页设计色彩代码(网页设计颜色表)

　　对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。总结了一些著名网站的颜色搭配方法，这些方法可以让我们的学习少走弯路，快速提高我们的网页制作水平。

　　不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型:

　　1、 公司色

　　在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。

　　2、 风格色

　　许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。

　　3、 习惯色

　　这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。

　　六锐网络科技在设计网页时通常会参考一些优秀网站的配色，在这里与大家分享。图片右侧附带了配色和色值。

有趣且专业

　　<img src="https://img.mp.sohu.com/upload/20170811/d353f59c45d540858157e67d217045d1_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/v2-c84a608378e39e1de18a852c3a977154_r.jpg">

　　这个干净明亮的配色方案完美结合了暖色调和干净的湖蓝色背景，创造了一种专业的又极受欢迎的配色方案。试一试通过使用高对比度色来营造干净的效果的配色方案吧。

现代且干净

　　<img src="https://img.mp.sohu.com/upload/20170811/69b10c528833415e8affba34f1690ca8_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/v2-a464d312b247bd5eb629960a792eedf8_r.jpg">

　　这个尖锐而具有现代感的例子使用了不同种橘色和蓝色的色调来创作出一种有趣且激情的配色方式。当你使用明亮的颜色的时候，试着和一些比较中性的白色或者亮灰色来中和，就好像这个例子一样，可以让东西都变得有趣又不会显得气势汹汹。

柔和的极简派

　　<img src="https://img.mp.sohu.com/upload/20170811/6a1b32f68a314d3885aa836072bb9b97_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic2.zhimg.com/v2-632ae3c7b6bb1d289f5ed8e4a86fa72d_r.jpg">

　　这个例子配合了柔和的、低饱和度的颜色来创造出优雅感。你可以通过选择酷炫的、低饱和度色调的图片，配合优雅的灰色来获得这种永恒和优雅感。

温暖而恍惚

　　<img src="https://img.mp.sohu.com/upload/20170811/2ded69cbdd20434594c780bdd08b70e9_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic2.zhimg.com/v2-eaec320d59eba9d96614456aa3fd2b6d_r.jpg">

　　想要美妙地配合温暖和冷酷的颜色来创造出与众不同的氛围吧？看看这个例子吧——把炫目的红色和蓝色与暗系的靛蓝和紫色配合起来，营造出一种恍惚的效果。

干净而明亮

　　<img src="https://img.mp.sohu.com/upload/20170811/0859e145149743cbaf8ed50ade329c65_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/v2-d0ecdc7917c337ef7eb93efd43a51f94_r.jpg">

　　多亏了柔软的蓝色、灰色和白色，让Departika的这个配色方案显得干净而严肃。但是，通过混合充满活力特征的红色来吸引观众注意力，强调焦点。用强而有力的颜色打破你的柔软优雅的颜色来形成美妙的对比吧！

尖锐而现代

　　<img src="https://img.mp.sohu.com/upload/20170811/7841b341cceb4f71aaf5ab5bbd4ee5cb_th.png" data-rawwidth="700" data-rawheight="358" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic2.zhimg.com/v2-f440dd2801ef9aff707eba4ebf790f9d_r.jpg">

　　一个形成你网站品牌的好方法就是采用凸显焦点的配色方法，就好像这个做的一样。通过使用令人印象深刻的蓝绿色来作为焦点颜色，用零散的弱橘色、灰色和薄荷色作为补充，这个配色方法让整个页面保持清新、现代和简单。

冷感vs.暖感

　　<img src="https://img.mp.sohu.com/upload/20170811/141c8f0c86c64a5793bad129b7826be5_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic4.zhimg.com/v2-85a1445e8aeb95102ea82d826202cb37_r.jpg">

　　通过把暖色调和冷色调结合，你可以简单地解锁一个强而有力的配色方式。这个例子把暖感的橘黄色和冷感的金属灰、青铜色结合起来，营造出了勇敢的、充满活力的效果。

刚劲且强力

　　<img src="https://img.mp.sohu.com/upload/20170811/83cf8df4aaf04267932761382b20fa7c_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic3.zhimg.com/v2-ac8ecef111ba7bf1d1c087042324ebba_r.jpg">

　　如果水彩色不是很适合你的胃口的话，考虑看起来明亮、有力、古老的颜色吧，就好像这个例子一样。尽管这个例子一次性使用了许多颜色，它仍然妥善有序地结合，保持暖感的一致性。

优雅精致

　　<img src="https://img.mp.sohu.com/upload/20170811/89cdda7a74a84dbe81d426e75d8c896a_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/v2-547f540392e3bff963c66d1042f5f884_r.jpg">

　　我们都觉得黑色和白色是最精致的颜色，但是看看这个设计案例，通过使用深蓝色和精致的金色来达到精致的效果。这种配色方法是漂亮且永恒的。

专业且现代

　　<img src="https://img.mp.sohu.com/upload/20170811/ba10e9258b4e477bb30d31cc62a30140_th.png" data-rawwidth="700" data-rawheight="353" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/v2-2949be7318da8e927d5b10231f773e48_r.jpg">

　　又有超专业感但是又不会无聊老旧的配色方法是什么？看看这个例子吧。灰色、深海军色和振奋人心的明亮黄色调配合，创作出尖锐而又单调现代的布局，真是专业又新鲜的好设计。

干净的渐变和鲜蓝色

　　<img src="https://img.mp.sohu.com/upload/20170811/d150a56562f94edf9398b4ed5f318063_th.png" data-rawwidth="700" data-rawheight="404" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic4.zhimg.com/v2-156556bfa5d38354af28c1faf286fa3b_r.jpg">

　　你想做一个网站让它看起来十分“干净”吗？一个达到目的好方法，就像这个网站的配色一样，使用渐变色。这个网站的配色由鲜蓝色和松石绿渐变组成，达到了平静、干净和新鲜的效果。

　　网页设计的颜色搭配需要在实践中不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。可以说。网页颜色搭配得当，成功也就走了一半。