什么是色相环？

色相环一般有五种或六种甚至於八种色相为主要色相，若在加上各主要色相的中间色相，就可做成十色相、十二色相或二十四色相等色相环。

色相环具有突出色彩的作用，如：12色相环内，红+绿最突出，紫+黄最突出等。

判断方法为：在一条直线上的两种颜色即为相对的突出色（适用于所有色相环）。

认知色相环：

一、邻近色

邻近色是指色相环中最相近的三种颜色，如图所示。邻近色的搭配会给人舒适、自然的视觉感受，在网站设计中运用最广泛。

二、分裂互补色

分裂互补色是由补色两边的颜色组成的，如图所示。选择一种颜色，在色相环的相对方向找到补色，然后使用补色左右两边的色彩。

三、互补色

互补色是指色相环中正好相对的两种颜色，如图所示。如果希望突显某些色彩，使其更加鲜明，使用互补色是个好方法。使用时也可以调整一下补色的明亮度，试试不同的效果。

四、三色组

三色组是色相环上等距离的任何三种颜色，如图所示。若在配色时使用三色组，会带给人紧张的感觉，这是因为这三种颜色的对比很强烈。

五、暖色

暖色跟黑色调和之后可以达到很好的效果，如图所示，一般应用于购物、电子商务与儿童类型的网站，以展现商品的丰富与多元化，使网站看起来既活泼又温馨。

六、冷色

冷色跟白色调和之后可以达到很好的效果，如图所示，一般应用于资讯、科技与游戏类型的网站，使网站以严谨、稳重的效果呈现。

七、对比色

对比是两种相邻颜色之间所能察觉到的区别，由于白色和黑色不是真正的颜色，因而这两种颜色主要用来表示明暗。白色和黑色呈现出无彩色中最强烈的对比，如图所示。

而色相环中的互补色则呈现最大的彩色对比。人的肉眼对于彩色的对比比对无彩色的对比更敏感。当使用一种颜色，并针对其提高或降低明度时，就能建立单色对比，如图所示。

八、色彩均衡

若要让网站看起来舒适、协调，除了文字、图片、多媒体等内容合理的配置之外，色彩均衡也是相当重要的因素。网页不可能只使用一种单一颜色来设计，不同色彩的运用及其所占比例都是色彩是否均衡的关键，例如，鲜艳明亮的色彩只占一点点面积，就能令人感觉舒适、不刺眼。

今天说说色相环的相关知识就给大家讲解到这里了，希望小编的科普对大家有用！

方法/步骤：

1、新建文件大小是660像素X660像素的文件；

勾选标尺：视图－标尺，把标尺调出来；

2、然后，拉出参考线把660X660像素的画布垂直平均分成12块；

有些朋友不会操作怎样把画布平均分成12块，小编在这里简单说下：

1）画布上的标尺是以厘米显示，660X660像素是23.28X23.28厘米，那么垂直分成12分，23.28除以12得出每份是1.94厘米；

2）顺序点：视图－新建参考线；

3、弹出的操作框中，点选“垂直”；再在“位置”这里输入“1.94”，点确定；

4、画布显出第一条参考线；

再确定第二条参考线，同上操作，调出操作框，在“位置”这里输入数字“3.88”，是第一条参考线的位置再加“1.94”；显出第二条参考线；

5、如些类推，依次操作；把画布垂直平均分成12块；

6、现在继续操作；

新建图层，然后，点选“矩形选框”工具；

7、然后，按参考线的位置框出一个选区，如图所示；

8、然后把选区填充颜色，做好第一个颜色；

再把参考线所在的第二块用“矩形选框”工具框出一个选区，再填充颜色；完成后，再制作第三块、第四块；

9、如些类推，把12块都同样操作填充好颜色，效果如下图；

10、把参考线，顺序点：视图－－清除参考线；

11、在菜单栏中，顺序点：滤镜－扭曲－极坐标；

弹出的操作框中，按照默认参数，点确定；

12、新建图层，命名为“圆”，然后按步骤2再次调出参考下，一条横参考线和一条垂直参考线，居中于画布，相交于中心点；

13、现在接着来画一个正圆；

在工具箱里，点选椭圆工具；然后，光标放于两条参考线的相交点，如图中所示；

14、然后，按住键盘的ALT+SHIFT键；以两条参考线相交中心为圆点画出一个正圆路径；

15、点“选区”把正圆设置为选区；再点反选；

16、光标在“圆”图层的下方图层，也就是12颜色块那个图层，点一下，表示选中此图层；

然后按键盘的CTRL+X键，把选区删除；得出的效果如图中所示；

17、再新建一图层，命名为“小圆”；

再画一个正小圆路径，按步骤13与步骤14操作；

18、把小圆设置为选区；然后填充为白色；

然后，在菜单栏顺序点：选择－取消选择，把选区的虚线消除；

19、再点：视图－－清除参考线，把两条参考线消除；

最后，得出色相环。

20、用PS制作色相环已完成。

以上便是十二色相环的制作方法，是不是很简单？依此方法，你可以制作十色相或二十四色相等色相环。