「每周开方」 一个你绝不能错过的万能型配色网站

公子每次做模板之前,都会先打开几个网站,其中就有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

你可能感兴趣的:(「每周开方」 一个你绝不能错过的万能型配色网站)