本文目录一览：
网站的网页要怎样进行配色？
根据研究表明，90%的快速购买决定完全是由颜色感知决定的。网页颜色搭配的是否合理会直接影响到访问者的情绪，它有助于创建想法，传达信息，调用情感和提高兴致。
普通用户的注意力跨度为15秒，因此最好的方式就是让用户在你的网站上多停留一会。利用好的色彩搭配会给访问者带来很强的视觉冲击，不恰当的色彩搭配则会让访问者浮躁不安。因此网站颜色会在一定程度上影响着访问者是否要继续浏览网站内容。
网站色彩搭配法
1同种色彩搭配：
同种色彩搭配是指首先选定一种颜色，然后调整其透明度和饱和度，将颜色变淡或加深，而产生新的颜色，这样的页面看起来色彩统一，具有层次感。
2临近色彩搭配：
邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。
3对比色彩搭配：
一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。
4暖色色彩搭配：
暖色色彩搭配是指使用红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用可为网页营造出温馨、和煦和热情的气氛。
5冷色色彩搭配：
冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配，这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色调与白色搭配一般会有较好的视觉效果。
配色禁忌须知
选择网站配色前，需要明确知道一个能够让用户舒适地浏览的网站，有什么需要注意的点：
01｜网站的配色尽量不要超过3种颜色，（黑白灰在网站配色中不属于配色）；
02｜背景和前文的对比尽量要大，不要用花纹繁复的图案做背景。
网站的辅助色很重要
大家需要明确的是，黑、白、灰在网站的配色中属于辅助颜色，它可以让网站的内容呈现更加清晰，也可以让用户浏览了大面积的颜色后，能够短暂地让眼睛得到休息的作用。
常见行业网站颜色推荐
01｜蓝色
蓝色给人以沉稳的感觉，且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。同时，蓝色还能够营造出和平淡雅洁净及可靠等氛围。
适用行业：科技类、电子类、五金、企业宣传类等
02｜绿色
在商业网页设计中，绿色所传递的是清爽、理想、希望和生长的意象，绿色通常与环保意识有关，也经常使人联想到有关健康方面的事物。
适用行业：环保类、服务业、卫生类、教育业、农业类等
03｜橙色
橙色是十分活泼的光辉色彩，是最暖的色彩，给人以华贵而温暖、兴奋而热烈的感觉，也是令人振奋的颜色。橙色具有健康、活力、勇敢和自由等象征意义，能给人以庄严尊贵神秘等感觉。
适用行业：时尚类、美食类、亲子类等
04｜红色
红色是一种对人刺激性很强的颜色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动。红色除了具有较佳的明视效果外，更被用来传达具有活力、积极、热诚、温暖以及前进等含义的企业形象与精神。
适用行业：政府类、教育类、电子商务、艺术类等
只有当网站的颜色搭配好了，才能够让访问者能够舒适地浏览网站，对网站和企业形象产生记忆，才能有效地提高访问者对企业网站的观感。
有什么色彩搭配的网站推荐一个给我吗？
Coolors，Color Hunt和ColorZilla是常用的色彩设计网站，非常设计UI设计，聚搜图还有其他的配色网站。
网站配色
到配色网看看吧，对你可能比较实际，色彩没有美术基础和几年的积累没办法的，告诉你怎么搭配效果也不好。，和画画一个道理，你看着别人画，自己也画不好的。
网站如何配色及网站配色方案
应该是根据你的网站主营卖点来做配色方案的，比如一家做农副产品交易的网站，大部分元素要体现瓜果蔬菜和交易场所，那么红绿黄对比鲜明及大量的个性图标就是很有必要的；如果以设计为主导的网站，充足的留白和冷色调为主的渐变色配色就很有必要。最终要以目的为导向的，建议用零代码的建个网站上去体验下。
网页配色用那些软件？
使用网页配色精灵就可以
网页配色精灵是小巧的网页设计辅助工具，功能齐全,能按照设计者的色调提供颜色搭配方案,还可以分析某个网站所用的所有颜色. 能轻松转换RGB为WEB颜色.....
下载地址:
如何在App设计中正确的配色
色彩的数目
在app的界面中，尽量不使用过多的颜色。诚然，简单的颜色搭配很难第一眼就能吸引住用户。但是你的app毕竟不是一锤子买卖，把用户吸引来就完事了。特别现在很多app都是偏工具类的，用户会经常使用app，那么页面中过多的颜色会让用户抓不到重点，影响用户体验。
多伦多大学曾经做过一项调查，发现大部分用户都倾向于一个app页面中只有2—3款颜色。
配色原则
好吧，我们已经知道了用户只喜欢2到3款颜色。那么我们怎么才能正确的挑出那2到3款颜色呢？色轮可以帮助我们。
十二辐色轮对于我们建立一款app配色方案来说是一个重要的工具，特别是对于菜鸟级别设计师来说。
单色搭配（ Monochromatic ）
单色搭配就是单一色系的搭配，在颜色的深浅、明暗或饱和程度上有所调整来形成明暗的层次关系。
单色搭配在app UI设计中一直都是一个不错的选择，特别是蓝色系和绿色系。
类比色搭配（ Analogous ）
类比色搭配是指选用一款颜色作为主色调，色轮中临近的颜色作为辅色。因为在色轮中相互靠的很久，所以搭配起来不会有很突兀的感觉。
这种配色方案看起来很容易操作，但是实际上主色与辅色的挑选却是很伤脑筋的。主色和辅色在色轮中的距离如果过远，那么整个页面就会显得用力过猛。当然挑选的好则另当别论。
Clear是一款管理行程的app，在这里设计师通过从橘黄色到红色的一个渐变来给用户实现不同任务视觉上的优先级顺序。
Clam是一款音乐播放软件。该软件专门播放一些让人放松的音乐能让你平静，冥想、睡眠、放松、改善情绪！当你失眠时静静Calm能帮你很快的进入梦乡。设计师主要采用了蓝色和绿色来帮助用户放松身心。
补色搭配（ Complement ）
在色轮上直线相对的两种颜色称为互补色。互补色因为互相处于对方的对立面，所以搭配起来会形成强烈的对比效果，进而吸引用户的注意力。
比如，当我们的眼睛看到一大块绿色区域时，一小块红色就会显得特别突出。
自定义配色方案 （ Custom Color Scheme）
创建一套新的配色方案并不是想象之中那么难的。最简单的方法就是挑选一款明亮欢快的颜色(比如企业色)作为主色，然后挑选几款中性色作为辅色。这样一套配色方案就完成了，而且效果也相当不错。
蓝色、白色、深灰、浅灰和黑色就是Dropbox页面里出现的所有颜色。就是这么简单
配色神器——Adobe Color CC
Adobe Color CC是由Adobe公司开发的是一款动态的配色识别工具，通过摄像头的实时拍摄，它会自动识别出当前图像中几个主要的配色组合。如果不想让应用随机挑选，便可以点击屏幕锁定，然后手动调节。
你也可以自己创建新的配色组合保存到library中。此外Adobe Color CC还提供了很多现成的配色方案。
对比度的应用
通常，页面的元素都不是单独出现的。比如你不可能看到一个页面中只有一个按钮，没有任何文字，图标。页面面中的任何一个元素都是整个系统的一个部分，不同的元素共同构成了一个页面。页面中的元素有优先级之分，有的元素更加重要，我们希望用户看到或者诱导用户进行操作。我们可以通过形状，颜色来产生视觉上的一个对比。我们这里主要讨论颜色使用带来的对比。
设计师更倾向于采用低对比的配色方案。因为高对比度的配色可能因为过于显眼而破坏整个页面的风格。低对比度意味着低风险，低对比度配色会使页面更加的好看与和谐。但是好看与和谐并不意味着高可读性。最典型的例子就是当文本和背景色对比度较低的时候，文本就会很难阅读。
特别是在手机端，用户会经常处于户外或者光线较为充足的地方，这时用户会因为炫光根本看不到屏幕内容。
为了确保界面对比度处于一个合理的范围内，我们引入一个新的概念—对比率 (Contrast ratios) 。对比率指的是一幅图像中明暗区域最亮的白和最暗的黑之间不同亮度层级的测量，差异范围越大代表对比越大，差异范围越小代表对比越小。
一般来说较大文本(14pt 粗体／18pt 正常 以上)与背景的对比率最少要达到4.5:1。较小文本与背景的对比率要达到3:1以上。
至于对比率的计算，我有一个非常简单的方法。只要进入 WebAIM’s Color Contrast Checker ，输入色值就可以计算对比率。
不只是文本，图标和其他一些重要的元素在配色的时候同样可以采用上面的对比率作为参考。
视力障碍用户群体
当你在设计一款app的时候，你有没有考虑到视力障碍的用户群体呢？
当我们谈到色盲的时候，通常会想到红绿色盲。其实色盲是指不能分辨自然光谱中的各种颜色或者某种颜色，红绿色盲是最常见的一种。据统计，全世界范围内，8%的男性和0.5%的女性都患有不同程度的色盲。
因为色盲对颜色的感知具有不确定性，有红绿色盲，蓝黄色盲更有单色色盲。这意味在设计中，我们无法完全规避色盲用户。所以为了更多的考虑色盲用户群体，我们在设计中应该降低颜色的依赖。我们可以使用图案，文字，形状这些元素来构建页面。
Photoshop可以通过模拟色盲来帮助设计师看到在色盲用户的眼中你的界面是什么样子的。
总结
提升自己色彩的使用技巧是一个需要不断努力和积累的过程。你需要了解基础的色彩理论，更需要大量的实践，创新与用户测试。