我删除了所有配色网站,只留下这一个( 三 )


我删除了所有配色网站,只留下这一个

文章插图
 
最后是「色彩模式和代码」,点击之后会出现这组颜色的色值,总共有四组,也就是我们平时常用的四种色彩模式 。以上就是我们在 Adobe Color 上储存颜色的一个流程,操作上很简单没什么难度,但是大家要知道重点不是为了教大家这个方法,而是大家学会了这个方法之后,建立属于自己的色彩库 。
我删除了所有配色网站,只留下这一个

文章插图
 
下面我们回到主界面,这部分可以算是这个工具的一个应用核心了,大家可以看到最上方有一个色轮,色轮下方有五个颜色 。
我删除了所有配色网站,只留下这一个

文章插图
 
其中中间的这个颜色上有一个三角形符号,这就代表了这个颜色是作为主色和基色的,当你调整的时候,其他颜色是围绕它来变化的 。
我删除了所有配色网站,只留下这一个

文章插图
 
色块下方是色彩模式,也是四个:RGB、CMYK、HSV、 LAB 。
我删除了所有配色网站,只留下这一个

文章插图
 
现在是「RGB」模式,右侧对应的就是可以调节的滑杆,只不过跟我们软件中不同的是,这里多了一个亮度的选项,方便调节 。
我删除了所有配色网站,只留下这一个

文章插图
 
我个人平时喜欢使用的是「HSV」模式,也就是 「HSB」,如果看过我之前教程的同学就应该知道,我是极力推荐使用「HSB」模式的,因为它最符合人眼的视觉感受,色相、纯度、明度一目了然,所见即所得 。
我删除了所有配色网站,只留下这一个

文章插图
 
大家可以看到这里现在选择的是「自定」,相当于自定义模式,在这个模式下,你是可以随意更改调整颜色的 。
我删除了所有配色网站,只留下这一个

文章插图
 
调整颜色可以直接在色轮上拖动调整,也可以拖动下方的滑杆,或者是手动输入色值都可以 。
我删除了所有配色网站,只留下这一个

文章插图
 
除了自订这里还提供了很多色彩搭配组合,官方的说明是根据设定的基色来得到确保色彩和谐平衡的搭配,换句话说,也就是这里提供的颜色原则上搭配起来是不会有太大问题的 。
我删除了所有配色网站,只留下这一个

文章插图
 
我们先来看「类比」,也就是我们平时讲的「同类色」,这里提供的都是五个颜色,当你选择了相应的色彩搭配模式之后,无论是改变哪个颜色,它都是在这个规则下变动的 。
我删除了所有配色网站,只留下这一个

文章插图
 
得到了颜色之后我们就可以应用了,这里我们就用这个海报来进行配色演示,这是类比色的效果 。
我删除了所有配色网站,只留下这一个

文章插图
 
然后是「单色」,当我们选择单色模式的时候,大家会发现无论如果改变色相,得到的都是这个色相的单色模式,也就是在基色的基础上进行纯度和明度的变化 。和类比不同的是,单色没有色相上的变化,类比是色相左右的微弱变化 。
我删除了所有配色网站,只留下这一个

文章插图
 
同样我们提取这组色卡对这个海报进行填充,效果是这样的 。
我删除了所有配色网站,只留下这一个

文章插图
 
然后是「三元群」,也就是三个对比色,因为色相环是 360 度,所以平分成三份每一份 120 度 。大家会看到这里不仅可以改变色相,也可以改变纯度明度,最外圈是纯色,往内收就会降低纯度和明度 。我们在看色相关系的时候是不需要考虑纯度和明度的,只看它们的色相位置,比如这个三元群,无论你收缩到多么靠内,它的色彩关系仍然是三元群的关系 。
我删除了所有配色网站,只留下这一个

文章插图
 
我们填充这组颜色看看,三元群因为对比色的关系,所以通常配色效果在色相的对比上都是很强的 。
我删除了所有配色网站,只留下这一个

文章插图
 
然后是「补色」,这个就很好理解了,也就是「互补色」,虽然这里提供的都是五个颜色,但是整体色相上就是互补色两色,其他三个颜色是这两个颜色在纯度和明度上的变化 。


推荐阅读