当设计一个页面或图片时，我们首先要决定整体的配色方案，但很多人不能总是对配色做出好的选择。在这种情况下，与生俱来的配色比较弱。接下来，萧边会给你带来一个教程色彩搭配教你如何从，中获得灵感，创造出色彩方案。

首先，选择图片

首先，到大的网站去搜索你喜欢的图片，图片的选择应该选择颜色的变化，对比更明显，因为黑白对比色只会使你的最终配色方案看起来不那么清晰。

选择图片以吸引自己的颜色。


二、吸收颜色

在PS中打开图片，画出颜色，选择你喜欢的颜色不是一种选择。根据整幅图片的色彩分布，先找出图片的主要颜色。

主色调的选择和使用

在一个分布最广泛的彩色图像选择的主要颜色，在这张照片中，我们可以看到，分布最广的是蓝色的，蓝色的色调呈现出不同的色调，因此，在深蓝色浅蓝色的我选择了一个蓝色的灰平衡最温和的过渡的图片。蓝色是云的云湖。

三，建立自己的配色方案

选择新的文件，白色背景，在图片中选择的颜色作为前景中的一个圆圈。这个圆圈是你的颜色方案中的第一个颜色：主色。


主色调应用范围

当设计一个网页时，主要的颜色在整个页面的较大区域中使用，例如，网页的背景或形状元素。当然，颜色不能开始设计，所以我们将选择第二种颜色。

辅助色的选择

辅助色通常是一种可以设置并能与之呼应的颜色。如果主色调是冷色，那么辅助色将是暖色。因此，你会选择相反的颜色温度色调的主色调。

在这里我选择温暖的桔红色屋顶，蓝色冷漠是平衡的。


辅助色的应用范围

辅助色通常在网页设计中使用字体，元素的小面积。互补色，如果与主色形成互补色，产生强烈对比，对比色也会起重要作用。






那么对比色是什么呢它的颜色正好相反，如红色和绿色，紫色和橙色，蓝色和黄色。

如果你认为你没有足够强调辅助色，你可以选择颜色的主要颜色对比色环的基础上的主色作为第三色计划。


高光与阴影

它通常指图片中主色调的高光和阴影部分，此时不需要完全依赖图片，我们在配色方案中选择了三种颜色，其余的颜色根据主色调进行了调整。

主色的增加变成了高亮度部分，用作第四色。


如果您的设计颜色是重的，您可以添加黑色的主色作为第五种颜色的选择。


高色和阴影色也被选择作为一个修改过的颜色在网络中，并小心使用。其中一个高和阴影的颜色被选为中性色。因为颜色级别是丰富的黑色和白色，将有很多选择在这里。这需要你调整它的实际情况在最后的配色方案。

确定配色方案

在配色方案选择后，最好确保整体颜色不超过3种颜色：主色、辅助色和底纹/阴影色。

即使是三种颜色，但色调也不偏离整体的蓝色基调。


配色方案的应用

在运用色彩时，黑色和灰色也会显得很灵活，但要确保这些颜色的出现不会破坏整幅画面的和谐感。

大多数情况下，我们不希望纯白色作为我们的底色，为了使整个看起来优雅，必须添加一个非常低透明度的背景（右）。