在线调色板——支持RBG,HSL,HEX

颜色值:

按色相的搭配分类

本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

按印象的搭配分类

色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。
工具简介

美术颜色搭配标准表——色彩搭配原则
  1、色调配色:指具有某种相同性质(冷暖调,明度,艳度)的色彩搭配在一起,色相越全越好,最少也要三种色相以上。比如,同等明度的红,黄,蓝搭配在一起。大自然的彩虹就是很好的色调配色。

  2、近似配色:选择相邻或相近的色相进行搭配。这种配色因为含有三原色中某一共同的颜色,所以很协调。因为色相接近,所以也比较稳定,如果是单一色相的浓淡搭配则称为同色系配色。出彩搭配:紫配绿,紫配橙,绿配橙。

  3、渐进配色:按色相、明度、艳度三要素之一的程度高低依次排列颜色。特点是即使色调沉稳,也很醒目,尤其是色相和明度的渐进配色。彩虹既是色调配色,也属于渐进配色。

  4、对比配色:用色相、明度或艳度的反差进行搭配,有鲜明的强弱。其中,明度的对比给人明快清晰的印象,可以说只要有明度上的对比,配色就不会太失败。比如,红配绿,黄配紫,蓝配橙。

  5、单重点配色:让两种颜色形成面积的大反差。“万绿丛中一点红”就是一种单重点配色。其实,单重点配色也是一种对比,相当于一种颜色做底色,另一种颜色做图形。

  6、分隔式配色:如果两种颜色比较接近,看上去不分明,可以靠对比色加在这两种颜色之间,增加强度,整体效果就会很协调了。最简单的加入色是无色系的颜色和米色等中性色。

  7、夜配色:严格来讲这不算是真正的配色技巧,但很有用。高明度或鲜亮的冷色与低明度的暖色配在一起,称为夜配色或影配色。它的特点是神秘、遥远,充满异国情调、民族风情。比如:凫色配勃艮第酒红,翡翠松石绿配黑棕。

声明

该工具由 程序员导航网(https://hao.panziye.com) 提供。所有操作均在前端运行,程序员导航网不会保存您的任何文本或文件,请放心使用,如该工具有任何问题,可以在下面评论区留言即可。

相关导航

暂无评论

暂无评论...