我看到很多人评论诸如“没有正确答案”之类的东西，我（有点）不同意……肯定至少有一个正确的答案，也许有几个，我敢肯定也有一堆错误的答案，好的设计是基于你可用的资源和时间来达到最好的解决方案，而且这样的解决方案肯定会超过几个替代方案。出于讨论的目的，您已经为我们提供了一个调色板，因此，我将这样做并根据提供的调色板回答您的问题。（鉴于我还没有看到您正在使用的布局，这仍然会非常广泛，但它会有一些流程供您遵循。）

因此，在 Web 项目中创建配色方案时，我喜欢选择的第一种颜色是正文的背景和主要文本颜色。选择两种最对比的颜色来填充这些角色通常是个好主意，您的示例调色板也不例外，所以在这种情况下颜色是#DEE1DD 和#28363D。现在我们必须决定哪个用于文本以及哪个用于背景，在大多数情况下，我尝试使用较浅的颜色作为背景，使用较深的颜色作为文本。有相当多的研究表明，我们在浅色上比在深色上读浅色更容易阅读深色，所以这是我通常默认的，除非有更深的外观的原因（比如你正在为重金属做一个网站乐队或其他东西......我会假设这里不是这种情况）。所以，

接下来我想继续讨论我认为下一个最重要的项目，即超链接。您需要一种与背景形成足够对比的颜色，以便不难阅读，但也与文本形成足够的对比，以便引人注目。在此示例中，大多数较浅的绿色在浅色背景上将难以辨认，因此最明显的答案是#2F575D。

接下来你提到了一个需要着色的标题，我们再次需要它与背景形成对比。为了极简主义，我尝试重用我已经在正文中使用的颜色，在这种情况下，文本颜色可能太暗而无法填充大量空间，所以我倾向于选择 #2F575D 和以上所有原因我会使用背景体颜色#DEE1DD 来填充标题中的任何文本或链接。

最后，我最后介绍了非必要的设计元素，例如悬停状态，我们还有一些不同的果岭可供选择。同样，这可能需要与背景形成足够的对比，因为链接在滚动时不会消失，所以如果倾向于使用 #658B6F ...

还有……瞧！你现在有一个（基本的）4 配色方案。我希望这个过程对您有帮助，就像对我有帮助一样:)！

您链接到的网站正在向您展示如何使用这些颜色：

#28363D for the active state 
#2F575D as the navigation background 
#DEE1DD as background 
#C4CDC1 as banner ...

我通常会在设计中使用我自己的颜色——即使我知道它们略有错误——至少我有大约两种纯色或至少一种。然后，当我提出我的想法时，我将我的原色（我使用最多的一种）添加到色轮中。这样我就可以替换其他颜色了。或者我尝试找到一些具有大部分原始颜色的图像。

我读过一些文章说，拍摄一张图片并根据这些颜色设计你的作品，我做不到。我创建自己的设计，至少考虑一种颜色，然后使用色彩理论技术

希望能帮助到你

没有关于采取什么的公式，应该是背景等等，这就是为什么设计是一门艺术。

通常我会用我拥有的一组颜色做很多试验，例如哪种字体颜色在哪种背景下看起来更好。

虽然有一个经验法则，就是对比使用的颜色，大多数人会说这是常识，例如浅色字体与深色背景。那么可能会出现，如何确定子组件的颜色，比如提示框、导航等等。

正如我所看到的，您应该准备好网站的裸结构，然后您需要确定哪些是您的主要内容，以及您希望如何呈现它。也许子组件上的颜色较柔和，不需要立即注意。

你怎么知道它好不好？很简单，只要你说“这很好”，那就是它很好的时候。从其他人那里获得第二意见总是有帮助的。

总而言之，继续尝试颜色组合，不要只拘泥于一种，你可能会对最终可能实现的构图感到惊讶。

@Color Combination：网站提供的组合已经足够入手了。

我想起了我的第一任妻子和我有一个大帆布面板和几管丙烯酸涂料的时候。我们把画布放在地板上，漫无目的地在上面喷上随机的颜色。我们让它干了，然后把它挂在我们的壁炉上。随着时间的推移，一些客人评论它看起来多么美妙，并认为它是一件昂贵的艺术品......也就是说，直到我们告诉他们它是如何绘制的。这一切都在旁观者的眼中。

讲述了这个故事后，我不得不说我同意存在不兼容的颜色组合，这对大多数观众来说是丑陋的。但是，它们的数量并不多。我认为你不应该过分强调正确。网站中包含的内容可以弥补很多糟糕的颜色选择。内容永远胜过设计。