不要将“匹配”与“和谐”混淆。有很大的不同。

这些颜色不匹配（它们不一样）。他们确实协调。为了理解区别和我的答案（我保证我会回答的！），我们必须稍微绕道一下 color 是什么。

描述颜色的最不幸的事情之一是具有技术含义的关键术语也被非常松散地使用，无论是在普通话中还是在设计界，所以很容易混淆。曾几何时，它把我弄糊涂了，所以不要觉得你是一个人。

这里有一个草图，一个非常简短的颜色介绍，英国拼写和所有：

从现在开始，我将使用颜色这个词，其含义非常具体：由光在眼睛上产生的综合感觉，由特定颜料反射或直接从照明源反射，由观察者感知。这是一种冗长的说法，即“所见即所得”。当我们说“樱桃红”或“苹果绿”或者您的油漆供应商说“那是布格绿，Ipsum Studios 的最新时尚颜色”时，这就是我们的意思。你会认为我们可以就此打住，但这并不是故事的全部。正如他们在 Facebook 上所说，“这很复杂。”

• 色调是我们将某物视为“红色”或“某种绿黄色”或“黄绿色”的品质。在普通话中，“颜色”这个词经常代替“色调”，反之亦然，但对于设计师来说，颜色包含色调和其他两个品质：饱和度和价值。

• 饱和度是指颜色在给定颜色中的“纯”或“强烈”程度，在油漆中通过添加白色产生“色调”或黑色，产生“阴影”或“色调”。当你通过添加白色来降低红色的饱和度时，你会得到粉红色。在红色中添加黑色会让你变得勃艮第。

• 值是颜色的相对明度或暗度，与色调无关，并与饱和度分开考虑。浅蓝色或深蓝色仍然是蓝色。对于设计工作的大多数目的，亮度是价值的同义词。

还有其他技术上描述颜色的方法，但我在这里给你的是你在平面设计领域最常遇到的一种，它内置于 Photoshop、Illustrator 和 InDesign 中，因此很容易上手- 体验它。

让我们举一个具体的例子。打开 Photoshop 颜色选择器，在 H（色调）字段中输入 56。将小色环拖到面板的最右上角：

称之为“纯黄色”或“毛茛”或任何你喜欢的东西。这是一种完全饱和的黄色（它不能变得更强烈）并且尽可能明亮。请注意，S（饱和度）和 B（亮度）字段都显示为“100%”。

单击确定，然后再次打开颜色选择器。将 S 字段更改为 50%。色调没有改变，仍然是尽可能的明亮；只有饱和度发生了变化。我们的毛茛现在是什么？——也许是报春花。再次将 S 设为 100%，现在在 B 字段中输入 50。现在我们有一个棕色。我们有不同的颜色，但色调仍然没有改变，强度或饱和度不能增加。玩一下这个。熟悉它，因为它是理解色彩和谐的基础。

你在问为什么这些颜色看起来很协调，很协调。

色彩和谐本身就是一个主题，作为设计师，您必须了解这一主题。（它可能更好地称为色调和谐，因为它更多的是关于色调而不是关于颜色。）在这种情况下，有两对互补色调，所谓的因为它们在色轮的相对两侧匹配。这个特殊的例子被称为四色或“方形”和声，因为四种选定的色调在轮子上均匀分布，产生“双重和声”。

如果你在这些颜色上使用 Photoshop 的吸管，你会发现它们都没有完全饱和。对颜色进行去饱和可以帮助通常会发生冲突（对比度太大而无法舒适）的颜色更和平地共存。在这种情况下，使用饱和度和值非常相似的颜色也有助于它们协调一致。如果你完全去饱和图像——Ctl/Cmd-Shift-U，你就会明白我的意思了。

结语：

这有点长，但如果不涵盖所有必要的背景，我不会觉得我会给你答案。无论如何，我希望你不会太无聊。

我建议您订阅 John McWade 的“ Before and After ”杂志，但无论如何请立即下载他的色轮 PDF以用于您的工作。

一旦您对色轮的工作原理有了基本的了解，并对基本的色彩理论有了一定的了解，您就会发现像 Kuler 这样的资源会更有用。

只需在 Photoshop 等应用程序中使用颜色选择器即可。将对话框设置为使用 H 或 Hue 选项并找到起始颜色。然后要获得相似值的颜色，请在颜色条上上下移动滑块。这将保持饱和度和亮度相同，并且只会更改色相值。不要移动大颜色窗格中的圆圈。

还有其他地方可以玩颜色，比如Color Lovers或Adob​​e 的 Kuler