为什么这个颜色渐变比其他颜色更具吸引力？

我一直在我开发的网站上玩一些渐变，我对某些颜色为何比其他颜色更具吸引力的背后的心理学或其他含义非常感兴趣。

现在是这里的网站：

该设计中的渐变看起来很自然。但是，如果我开始混合和匹配，我将得到以下结果：

我似乎找不到另一个看起来“自然”的像样的渐变。我想知道我们如何感知这些颜色混合的背后是什么心理...是否存在某种规则来寻找可以在渐变中很好地搭配使用的颜色？我想这取决于您想要的感觉。我感谢所有意见！

初始示例与您的实验之间的主要区别在于，原始示例所涵盖的色调变化几乎没有。

从金黄色到品红色/粉红色大约需要色轮上的1/6圈。相反，您的实验（橙红色到蓝紫色，蓝紫色到黄绿色，青色到蓝紫色）都超过1/4转。

如此多的变化不只是一种颜色上的转变，而是多种颜色上的进步。因为您的标题中的梯度很凝结，所以这是一个相当大的变化，并且可以解释为什么它对您而言并不“自然”。

如果要为主要的“目标”色块使用不同的颜色，请为渐变的开始选择一种相邻的颜色。例如，对于蓝紫色作为端点，请选择深蓝色或洋红色作为起点。对于黄绿色作为端点，请从亮绿色或红色开始。

当然，根据所涉及颜色的不同，这些仍然会给您带来不同的“心情”-蓝紫色比原色中的粉红色更凉爽，更平静。但是至少渐变应该看起来更平滑一些。

由于您要问“为什么它们会有不同的感知”，因此需要考虑另一件事（非常怪异）：RGB颜色的感知发光。这很难申请，所以我的回答几乎和琐事一样：)

颜色的发光值表示您对它的“照亮”程度。如果该颜色是灯泡，则发光度低的颜色将被视为暗色（40W灯泡），而发光度高的颜色将被视为非常亮（100W灯泡）。

实际上使用很少的“灯泡”显示RGB颜色。屏幕由微小的“灯泡”组成，每个像素三个：R（ed），G（reen）和B（lue）。颜色的特定R，G和B值指示每个小灯泡应点亮多少以产生该颜色的错觉。例如，通过将红色灯泡调到最大效价（255），使绿色灯泡半调（100）并关闭蓝色灯泡（0），创建橙色RGB（255，100，0）。

这是显示一些颜色的插图，以及应如何使每个RGB组件“明亮”以产生该颜色的错觉。每种颜色下方的小点表示组件的亮度如何。

如插图所示，例如，要创建白色，请将3个分量最大化（255）。这三个微小的“灯泡”的组合被眼睛感知为白色（解释为什么会有很大的偏离）。要创建黑色，请关闭所有功能。这很容易：没有光就没有颜色。

每种颜色的发光是通过将3种成分的“亮度”相加来计算的。白色将是发光度最高的颜色，因为这三个分量已变为最大值。黑色，将是最低的。黄色将比绿色具有最高的发光度，因为要使黄色达到最大需要2个成分，但要使绿色仅需要一个成分。所以，或多或少你可以说

L = R + G + B

不过，它有点复杂。通过查看插图，您会发现绿色组件似乎更亮。实际上，它是眼睛中最明亮的一只。另一方面，蓝色被认为非常暗淡。计算发光的确切公式已考虑在内。

L = 0.2126 R + 0.7152 G + 0.0722 B

再次显示该图，每种颜色的发光值均经过计算。

您会注意到，正如您的眼睛可能告诉您的那样，黄色的发光比橙色的发光更多，但是橙色的发光与洋红色的发光差不多。

现在，我从您的两个原始调色板中选取了颜色，并计算了它们的发光度。

在第一种情况下，您会喜欢一种颜色，底部的第一种颜色的发光度（125）低于顶部的第二种颜色的发光度（200）。然后，该渐变被视为发光度的增加，就好像它会照亮一样。

在第二种情况下，差异不大，因此可以感觉到渐变只是色调的变化。

在第三种情况下，底部的颜色比顶部的颜色具有更高的发光度，因此渐变被认为是亮度的降低，就好像它会变暗一样。

这可以解释为什么，即使您选择2种在色轮上彼此之间距离相对相同的色相而不是所需的色相时，结果的感知也会有所不同。

来自http://www.colormatters.com/color-and-design/basic-color-theory

1-基于类似颜色的配色方案

类似颜色是在12个部件的色轮上并排的任何三种颜色，例如黄绿色，黄色和橙黄色。通常，三种颜色之一占主导。

2-基于补色的配色方案

互补色是彼此直接相对的任何两种颜色，例如红色和绿色以及红紫色和黄绿色。在上图中，叶子有黄绿色的几种变化，兰花有红紫色的多种变化。这些相反的颜色可提供最大的对比度和最大的稳定性。

3-基于自然的配色方案

大自然为色彩和谐提供了完美的出发点。在上面的插图中，红色黄色和绿色创建了和谐的设计，无论这种组合是否适合色彩和谐的技术公式。

仅添加到AmeliaBR的答案中（应该是评论，但我想发布图像）。尝试“移动”色相但在开始和结束颜色之间保持相对距离不变的一种方法是使用Photoshop的色相工具。

拍摄第一张图像（具有所需渐变的图像），然后在Photoshop中将其打开。然后打开“色相/饱和度”工具（Image->Adjustment->Hue Saturation或Ctr+U）并使用第一个滑块（“色相”）播放。这将改变整个图像的色相，但在所有现有色相之间保持相同的关系（尤其是渐变的开始和结束色相）。由于界面的背面为黑色（或中性灰色），因此色相变化不会对其产生影响。

如果找到所需的组合，则只需接受“色相/饱和度”更改（单击OK），然后使用吸管工具（按I）选择渐变的开始和结束颜色。

在此示例中，我将色相-155更改了，现在渐变从（一直是时尚的）海蓝宝石绿色变为蓝色，这是一个凉爽，令人平静的渐变，带有航海回波。

请注意，颜色感知具有非常个人的成分。对于其他人来说，您可能会发现“自然”的东西被认为是一种畸变。