公子每次做模板之前，都会先打开几个网站，其中就有Culrs......

这周的每周开方，公子想分享给你们的是我个人经常使用的配色网站。

每次做模板之前，我可能都会比较固定的打开一些网站，找灵感、配色、素材等等。

设计类的网站当然很多很多，但我个人是一段时间就会形成一个固定搭配，这段时间的话，在配色方面我经常用到的是Culrs。

说句题外话，不管是在素材还是获取灵感上，公子不建议只盯着一个网站，就好比一段时间后你要更新你的工具箱！

我目前的话非常喜欢Culrs，不仅给出的案例漂亮，而且很万能又实用。

Culrs是一个比较综合型的配色网站，由印度的两位设计师创立。我很喜欢它的界面，简洁清新，使用感不错。

Culrs给出的配色方案，分为邻近色、三色、四色和单色，这点是公子最喜欢的。

因为很多的配色网站，给出的组合都比较固定。比如是三色搭配，那可能整个网站都是三种颜色的组合，在实际应用的时候还是很不方便的。

所以用Culrs就好像同时在用4个配色网站，非常方便。

以上是它的目录菜单栏，把邻近色、三色、四色和单色很清楚的做了分类。

---

邻近色

如果严格来说的话，邻近色应该是在色轮上相差60°以内的配色。

但Culrs给出的应该是在色轮上120°以内的搭配方案。如果正好是120°两端的颜色，是称为对比色。

在邻近色里Culrs还有明、暗的区分，如果是HSL模式的话，也就是和S、L两个值有关。

比如我们选择“Light”

Culrs就会给出非常多比较明亮的邻近色搭配方案：

是不是都非常的好看，其实配色方面的设计网站有太多了，但我们要看的是它给出的搭配方案是否优质，否则我用你干嘛！

还有一点就是我们把鼠标放在任一色条上，都可以直接复制它的色号，很方便。

那我们接下来再选择“Dark”，看看比较暗的邻近色在Culrs里都可以有哪些搭配方案：

公子只是截取了一部分例子，更多的还是要你们自己去玩，去发现它是否符合你的审美和使用习惯。

---

三色

Culrs的三色搭配是基于色轮上的正三角形，根据色相、饱和度、亮度给出的多种方案。

同样在三色搭配里，也有明、暗的区分。比如我们选择“Light”：

公子非常喜欢Culrs三色搭配里“Light”的所有组合，非常暖，让人心情都美好了。

有“Light”就有“Dark”，顺便说一下我很喜欢Culrs的这个细节，在每个分类里都有明、亮区分，而不是把所有配色方案都混在一起！

---

四色

四色搭配是在色轮上“创建”一个矩形或正方形，如果两个颜色角度为180°，那么它们为互补色。

所以四色搭配，其实就是两对互补色。而这其中如果四个颜色为正方形，也就是各自相差90°那就为四角色。

如果关于色彩方面你不是很了解，那就只要知道这是四种颜色的搭配方案就好了。

同样有“Light”和“Dark”之分

Culrs给出的配色方案，我觉得不像其他网站那样是单纯的罗列。

比如在暗色系的四色搭配中，每个组合都很优质，其实这种配色是很难做到平衡和美感的。

---

单色

单色就是除去色相，在饱和度和亮度上做改变。Culrs的单色方案都是每组给出了5种变化。

在单色这个分类里，它又根据不同的色相，做出了10个主要颜色的细分。

公子已经为你们大致翻译了一下，这10个主要颜色基本够我们用了。

下面我就每种颜色截取一页Culrs的方案，大家可以看一下颜色其实很奇妙，稍微变动一个数值就会有很多种可能！

• 红色

• 粉色

• 紫色

• 蓝色

• 青色

• 蓝绿色

• 绿色

• 青橙色

• 黄色

• 橘色

---

Culrs单色中每个色相的变化方案都特别的多，公子只是简单给你们展示一下，如果有兴趣可以自己去玩。

以上就是公子这周分享给你们的一个比较万能的配色网站，也是我近期比较喜欢和偏爱的。

从我写了这么长的篇幅就可以看出这点了，而且我很喜欢Culrs的界面设计，像我前面说的很简洁清新。

我很讨厌一些设计类的网站，本身却设计的很“乡村”，是个什么情况......公子的感冒还没怎么好，就不和你们啰嗦了！

OK，那今天就这样了，Good Luck