一、颜色的理论知识

1.设计师配色宝典！教你从零开始学配色（一）http://www.uisdc.com/head-first-color-theory

（这篇文章图文结合，写得很详细，对于三原色，互补色，三间色，色彩的涵义等都给出了说明。）

2.色相和色调的概念

3.色彩的文化

二、配色原则

1.60-30-10规则

这个室内设计规则是一个永恒的装饰技巧，你可以很容易的出一个配色方案。60% + 30% + 30%的比例是为了平衡颜色。这个公式创建了一个平衡感，让眼睛可以舒服地从一个焦点移动到下一个焦点。使用起来也是非常简单的。

60%是你的主色调，30%的次要颜色，10%的突出颜色。

2.75％、25％与5％ 配色原则

日本设计师まりっぺ曾经针对色彩的配色提出比例原则75％、25％与5％ 的配色比例方式，其中的底色为大面积使用的底色，而主色与强调色则是可以利用互补色的特性，来讲主色以及强调色皆衬托出来。

三、配色技巧

1.色彩搭配速成！3个实用方法帮你全面搞定配色

http://www.uisdc.com/3-color-matching-skills

（这篇文章有很多案例说明，非常便于理解。对于色彩的搭配从色相，色调，明度，纯度都给出了搭配方案）

2.远离纯灰度和黑色

我曾经学到最重要的一个颜色技巧是避免使用没有饱和度的灰色。在现实生活中，纯灰色几乎从不存在。这同样适用于黑色。

   最深的颜色不是# 000，而是# 0a0a10

记得给你的颜色加一些饱和度。潜意识里会看起来更自然、熟悉。

四、实用工具

1.ColorHunt——高质量配色方案，能够快速预览，如果你只需要4种颜色，这是绝佳的资源  http://colorhunt.co/random

2.Flat UI Colors——很棒的UI配色，这是最流行的配色之一   http://flatuicolors.com/

3.网页设计常用色彩搭配表 - 配色表 | 小影的工具箱

http://tool.c7sky.com/webcolor/#character_0

(这个网站简洁明了，根据色相和色彩涵义来进行色彩搭配分类）

4.colordrop

这个网站配色方案挺多，四个一组     https://colordrop.io/  

5.Kuler

这个工具是Adobe公司的，用了很长一段时间。可以在浏览器中使用，也有桌面版本。如果你使用桌面版可以导出一个配色方案到Photoshop。

（这个配色工具也不错，还可以调节色彩的纯度，生产不同的配色方案）网址：color.adobe.com

6.Coolors.co

可以简单地选择颜色在媒体空间生成调色板。Coolors还允许您上传图片然后吸取它的颜色。更酷的是，并不局限于只有一个结果，你有一个选择器可以修改参考点。

https://coolors.co

7.Tineye Multicolr

但如果你想搜索混合颜色的照片，甚至指定具体的数量，Tineye可以帮到你。这个网站从Flickr中使用一个一千万数量级到数据库。

http://labs.tineye.com/

8.uiGradients——渐变色配色工具

这里有各种渐变色，非常好看！点击左右箭头可换色。https://uigradients.com/#Sylvia

最后，本手册为本人整理，与各位网友一起收藏分享。起因是看到了UI中国的这篇文章——http://www.ui.cn/detail/224976.html，有兴趣的朋友可以去看看，感谢作者的分享。另外本文中的其他收藏来源于优设网。感谢小编的整理分享！