8个简单步骤创建任意颜色的配色方案

你选好了在下一个项目中使用某个颜色，但是，当你尝试根据这个颜色去生成调色板时，似乎效果并不好。

如何为任何颜色创建配色方案，我将向你展示一种你可能从未想到过的方法—数学。是的，用数学的方法。你一定会问，那该怎么用呢？

下面我给你展示一下。

1.将颜色模式设置为HSL

颜色选择器通常设置成Hex，比如#DB17DF。我们要把它改成HSL，HSL代表色调、饱和度和亮度。

2.任意选择一个颜色

举个例子，我选了我最近最喜欢用的一个颜色，#DB17DF。

3. 调整L值

创建一组方差为10的L值，范围从0到100。

小提示：变量不一定是10，你可以选择任何数字。你开心就好。

4. 复制10份初始颜色

5. 替换L值

将初始颜色的L值更改成新创建的颜色的L值。

这个单色配色是不是超好看！你可以采用该方案。但是，你完全可以通过创建辅助色为你的配色方案上一个台阶。

6. 找到你的“死党”

要创建辅助颜色，可以将30、120、150、180、210、240或300添加到主颜色的H值。在示例中，我添加了30。

小提示：想象你的颜色显示在色轮上，这些数字代表了互补色和三合色。由于色轮是一个圆，因此H最大可以是360。

对辅助配色方案重复步骤4和5。

7. 选择主要颜色和次要颜色的变体

这一步取决于你的选择。选择适合你的设计的颜色。我选择较深的阴影作为主要颜色的变体，较浅的阴影作为次要颜色的变体。

8. 选择你的“副手”

选择诸如背景和文本这些元素的颜色。通常，灰白色是一个很好的背景颜色的选择，但对于我的设计，我想要看起来暗一些。

大功告成！

一个漂亮的调色板就完成了，可以用在下一个设计中！

这是我的配色方案。现在轮到你了！

睡眠追踪器应用程序—UI概念

https://uxplanet.org/create-a-color-scheme-around-any-color-in-8-easy-steps-a0229e1985c

作者：Alexis Wright

文章来源：花火圆桌（ID：huahuoyuanzhuo）

翻译：高蓝光、陶陶然

审校：陶陶然