资讯详情相信大部分人都使用过在线配色工具或在线配色网站，那么使用这些工具或网站来配色，真的就能得到正确美观的效果么?当然不能。原因很简单，如果使用这些工具就能轻松完成配色工作，那么就不需要设计师了，随便找一个不懂色彩的人都可以替代我们。
因此本期的教程我们就来谈谈，如何正确的使用在线配色工具。首先，我推荐几个在线配色网站给大家。
brandcolors.net这个网站都是世界知名品牌、企业公司、知名网站的配色，而且还提供了快速下载的选项，单独的去点击色彩，就可以完成复制了。
webdesignrankings.com这个网站据说是一位设计师在二十四小时内独立开发完成的，这上面也有一些比较漂亮的色彩组合，当我们把鼠标移动到不同的水滴上，就会显示这个颜色的色值了。
coolors.co这个网站只需要按空格键，就可以快速的生成配色，每次都会出现由五种颜色组合成的色卡。这里不仅会显示颜色的代码，而且当我们点击某一颜色时，也会出现这个颜色不同纯度明度的选项，并且还可以通过滑块来对色彩进行调整。
colordrop.io这个网站同样为我们提供了非常多的色彩组合，每个组合都有四种颜色，当我们点击某一颜色时，就会弹出相对应的颜色参数，可以很轻松的使用，非常方便。
类似这种配色网站有很多，虽然这四个网站不一定是最好的，但是配色网站都大同小异，重要的不是你知道多少这种网站，而是你是不是真的会用。
我相信现在肯定有的人心里是这样想的。
没关系，我是这样想的。下面就让我们用事实说话。
这个界面的版式部分已经编排好了，这里我们就尝试一下从我们提供的网站中，随便挑选一组颜色来填充试试。
我们就从这个网站上寻找，这里我们选择了这组纯度都较高且非常漂亮的色彩组合。
单看这组颜色还是挺漂亮的，那我们就把它随意的填充在左侧的界面上，我们看最终的效果怎么样呢，并不好对吧，可以说配色毁了这个界面。
如果你还是不服的话，没关系我们再试一个。
这个网站之前我们说过，都是比较知名品牌的用色，按理来说色彩搭配应该是没问题的，这里我们就选择大家比较熟悉的500px的配色。
填充到界面之后大家感觉如何呢，如果我说惨不忍睹应该不过分吧。所以，我们得出一个结论：直接使用在线配色网站的颜色是行不通的。下面我们就来看看到底该怎么使用。
首先就是搭建版式，要想做好配色版式一定不能太差，如果版式一塌糊涂的话，那么配色再好也无济于事。
版式完成之后就需要确定色彩的依附载体，说白了就是色彩使用的地方，比如这个界面中，首先我们可以填充的就是背景。
其次呢就是图片的颜色，当然图片本身就带有色彩，这里为了方便理解我做了去色处理，大家平时没必要这么做，但是图片的色彩一定要事先考虑好。
然后就是版面中的色块。
最后就是文字部分，虽然文字可以是有彩色也可以是无彩色，但无论怎么样，我们都要做到心中有数。
色彩的依附载体确定完之后，接下来需要思考的是，想让画面通过色彩传递出什么样的气质或风格。
由于这里提供了品牌和相关图片，所以案例的风格定位就比较简单了。比如具象的有：水、游泳、女性、性感、护肤品。抽象的比如清凉、活力、素雅、清新、文艺等等。
根据这些信息，我们确定了画面的主色相，这里我们选择蓝色，可以说是没有任何问题的。
同时也可以为画面确定主色调，这里我们就暂定明色调或淡色调。
前期的准备工作已经做完了，接下来就要根据我们的设计需求选择适合的网站。
什么叫适合的网站呢?比如这个界面之前我们已经分析过了，能够填充颜色的部分有背景、色块、文字，所以我们可以得出三到四种的色彩搭配是最合适的。
所以我们就要根据色彩数量来筛选网站。比如这个网站，它提供的色彩搭配数量多的十几个少的就一个，如果我们从这里选就会浪费很多不必要的时间，所以就可以先PASS了。
而这个网站都是五种颜色，也不适合我们色彩的使用的数量，所以也可以PASS掉。
而剩下的这两个网站都是四种颜色，所以从它们当中挑选就可以了。那怎么挑选呢，首先我们可以找到含有蓝色的色卡。
我们就以这个网站为例。
我们从这个网站上提取了十个色卡然后开始筛选，因为我们不可能全部都用。因为之前我们已经确定了画面的主色调为明色调或淡色调，所以我们先PASS掉色调不符的组合。
接下来根据色彩关系进一步筛选，比如使用同类色还是对比色，这个就要根据风格定位来选择了，因为我们不想让画面是一种单调的风格，所以这里我们就去掉了同类色的组合。
现在只剩下四个色卡了，再往下筛选就没那么容易了，所以我们就要结合风格定位来分析。
首先这组颜色除了带有蓝色和无彩色外，就是一个淡棕色，所以这个色彩会对画面产生很重要的影
