步骤操作： 创建两个形状并用424242和填充它们fafafa

[account_disabled]

 在两个形状上方插入颜色填充层。 将该填充更改为您的基色 ( 30c9e8)。 将混合模式设置为叠加，并将不透明度降至 5 到 40% 之间（在下面的示例中，设置为 40%）。 使用颜色选择器并复制新值。 播放视频 我应该指出，当您的叠加颜色为蓝色时，此方法效果非常好。对于任何其他颜色，您需要将不透明度降低至 5% 到 10%，或者坚持使用原来的灰色。 更和谐的灰色前后 选择与基色相协调的灰色是一个小细节，但会带来很大的不同。（查看大图） 瞧！我们做到了！ 我们的配色方案已经完成。我希望你感到自豪，因为我确实如此。这是它的全部荣耀： 成品5色调色板：蓝色、红色、白色、深灰色、浅灰色 我们。

精彩的配色方案，随时可以应用。（查看大图） 应用你的配色方案 现在我们已经有了配色方案，是时候应用它了。这本身就是另一篇文章了。但为了给您一个想法，这里有一个灰度页面设计的模型，并应用了颜色。 提示：如果您对颜色感到困扰，一个好技巧是首先以灰度 Whatsapp 号码列表 创建网站布局。弄清楚层次结构，然后再尝试颜色。 网站布局的灰度图像 以灰度布局您的网站将帮助您应用配色方案。（查看大图） 应用于网站布局的调色板 我们的配色方案正在实施。（查看大图） 如您所见，蓝色是这里的特色颜色。它也用于大面积和图标中。 我们的口音，红色，在基色的映衬下非常漂亮。这用于非常小的区域，例如按钮和图标。这种颜色。



用得越少，它就越引人注目。 深灰色用于文本、徽标和图标轮廓。（不要跳过在图标中添加颜色。这是一个小细节，但会带来很大的不同。） 白色和浅灰色形成背景。浅灰色根本不必出现在此处，但我发现它是另一个真正使网站看起来优雅的小细节。 需要注意的是，在使用颜色和文本时，您需要确保背景和副本之间有足够的对比度。这将帮助色盲或弱视人士阅读您网站上的文本。您可以使用许多工具来查找符合WCAG 指南的颜色。两个流行的工具是Lea Verou的WebAim Color Contrast Checker和 Contrast Ratio 。 颜色指南最后注 正如您所看到的，我们实际上不需要比我们今天创建的调色板更多的东西。但这并不。