设计师必须了解的色彩理论终极指南

另一种选择是Colrd，它从图片照片和其它图形中提取颜色。这是一个奇怪的Web应用程序，因为它不一定总在网页设计领域颇有助益。但你可以通过研究图片，和它们相关的颜色学习到很多。一般来说，自然总是正确的，所以如果你认真观察生活和照中，你会从中获得配色的新思路。

但是，当涉及到数字设计，有许多其它网站，你可以前去学习。一个在线工具Check My Colours，可以将任何网站拉进来，检查文本和背景颜色之间的对比度。这是一个优质的资源，用来测试其它网站以及您自己的设计。

结果以表格形式列出来，说明了每个页面元素，在对比度和亮度方面的差别。这当然也不是完美的，但它确实为新的设计师，提供一个良好的开端。

浏览器扩展

我们大多数人都知道Adobe产品中有拾色器，如Photoshop或者Illustrator。这是一个迫切需要的工具，因为它提供整个色谱，以及一个RGB和HEX值。但现在大多数Web浏览器插件，可以复制一个类似的颜色选择器。

Chroma是谷歌Chrome浏览器为设计师和色彩爱好者，提供的一个免费扩展应用。它有一个正方形和圆形的颜色选择器，以及很广泛的不同明度的配色工具。 Mozilla Firefox浏览器有一个类似的扩展应用，叫做ColorZilla，它有吸管功能，可以从网页挑选颜色，并显示它的RGB及HEX色值。

如果你是一个Opera的用户，可以找到一个名叫Color Picker的扩展应用。你会发现它与Photoshop里的界面风格相同。

有了合适的扩展，所有这些浏览器都可以转换为颜色的资源，而不需要开启另一个程序。

颜色好看的网站

我喜欢用具体实例来阐明颜色的选择，而不是列一堆网站。这些例子可能不是颜色匹配的绝对典范，但它们确实为网页设计师提供了一个可靠的学习经验。

网站Barcamp Omaha 2014 在连续滚动的页面区域，采用了大量不同的颜色。最突出的一点是，文本设计很好地融入到每一个背景部分。页面上对比度最大的，往往是图形或按钮。你可以在整个网站中都看到这种效果。

虽然这种风格可能并非适用于每个站点，但他它却是混色的一个很好的例子。页面很容易阅读，但并不觉得对比度太强。找到一个甜美平衡的颜色是一个设计师的终极任务。

iForex Water 是一个视差网站，展示有关水资源消耗的信息。不像我最后一个例子，此网站在每一屏都使用相同的颜色，然而背景在不断变化。但是因为颜色都是深色，它们仍然能够作为背景正常工作。

这个例子是一个有趣的比较关系，同样还要注意不同部分滚动时，色彩关系的变化。在色彩理论的世界里，最好的效果是相对的。

Digimurai是一个更简单但典型的网站。显而易见，网站的设计布局主要集中在暗蓝色的色调中。这给人的印象是，蓝色占主导地位，并控制了大部分的设计。

但你会发现整个布局，还有其它的高亮色调。橙色和浅蓝色的出现非常突出，与暗色背景形成对比。要记住在选择一个配色方案时，使用2个或3个不同的色调，因为这样很可能会设计出一个非常棒的网站。

结尾辞

最后，我希望这个指南能提供可靠的起点给各位数字艺术家和网页设计师。色彩理论非常像音乐理论，其中主要的原理是通过实践得知，而不是传统的理论分析。但是在起步阶段，可能会感觉有些困难，等你积累了相当一部分资源和理论基础之后会感觉越来越顺畅。

如果你真的想了解配色方案的选择，那么就要坚持练习。刚开始的期望值不要太高，因为很有可能你在初始阶段的实践结果不会很成功，但是随着时间的推移，你会做得越来越好。

结论

配色在设计中的位置非常重要，不管流行趋势如何刷新我们的配色，理论都是背后坚实的基础，越是深入的研究越是让人痴迷，文章里有一些配色干活网站，希望和大家一起学习，喜欢给我点赞哦。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/