我删除了所有配色网站，只留下这一个( 四 ) _配色网站

文章插图

同样用这组颜色填充试试，可以看到补色的对比效果是最强烈的。

文章插图

然后是「分割补色」，我们平时也叫做「分裂补色」，也就是一个颜色和它的互补色两侧的颜色的搭配，大家看色相环就明白了。虽然这里可以调整角度幅度，但是调整过大的话，其实原则上已经不能算做是分割补色了，所以如果大家想用分割补色的话，建议还是使用它提供的默认角度比较好。

文章插图

将这组分割补色提取出来进行填充，得到的就是这样一个效果。

文章插图

除了分割补色还有「双分割补色」，也就是在分割补色的基础上再增加基色两侧的两个颜色，其实配色效果和分割补色差不多，只不过更适合你需要色相较多的情况，比如说如果你需要三个颜色，那就直接使用分割补色就行，如果三个颜色不够，而你又不想改变配色的效果，那就使用双分割补色，因为新增加的两个颜色距离基色很近，所以色相相差并不大，不会对整体的配色效果造成太大的改变。

文章插图

我们试一下这个双分割补色，五个纯色的搭配，视觉效果还是很强烈、很刺激的。

文章插图

接着是「正方形」配色，这个也很好理解了，从字面含义上就能够明白是什么意思，也就是在色相环上选择正方形四个端点的颜色，也可以理解为是十字形配色。这种配色形式的好处是对比适中，颜色丰富的同时又不会太乱，因为彼此距离相等，所以会让配色效果显得很平衡。

文章插图

我们填充试试，效果也是可以的。

文章插图

然后是「复合」型配色，也就是在色相环上先选择一对补色，然后在补色附近选择其他颜色，而之后的颜色要在同一半球，这种配色形式大体效果接近补色，但是因为同半球类比色的加入，多了一些变化，丰富了色彩层次，但是又不会产生强烈的冲突。

文章插图

我们填充一下看看，就是这样一个效果。

文章插图

最后是「浓度」，也就是同一色相的不同纯度变化，这里它规定好了明度，我们改变的只是色相和纯度的变化。跟单色模式不同的是，单色是纯度明度都在变化，而浓度模式下明度是不发生变化的。

文章插图

刚刚我们尝试的这些配色效果并不是所有的方案都是好的，因为这些都是直接使用 Adobe Color 提供的颜色进行填充的，并没有进行任何的手动调整和配色的理论考量，目的就是为了给大家展示用这个工具配色的效果，因为工具的最大用途就是提供多种方案，所以大家在使用的时候不需要考虑太多，大胆地多去尝试一些配色，最后根据视觉效果来选择最符合设计内容并且最美观的方案就可以了。