前端工程师应该具有的配色知识

配色基础

色轮

配色方案

单色搭配

顾名思义，只是用一种主要颜色来构建UI，以色调和饱和度区分层次，这种配色是中规中矩的，不会形成那种另人方案的UI。

邻色搭配

选择色轮上相邻的颜色进行搭配，用于不一样对比色的设计。

对比搭配

选择色轮上对立面的颜色混合，该方案与邻色和单色相反，旨在产生高对比度，用来引发用户关注。

协调对比搭配

这个方案与上一个方案相似，可是它采用了更多的颜色。

例如：若是选择蓝色，则须要取其对立面中，相邻的2个其余颜色（即黄色和红色）。

这里的对比度不如【高对比方案】那么强烈，但它容许使用多种颜色。

三色搭配

当设计须要更多的颜色时，能够尝试三色方案。

它基于色轮上等距的三种不一样颜色。

为了画面的平衡，建议使用一种颜色做为主导，另外一种做为辅助。

四分色搭

四分色配色方案适合有经验的设计师，由于它是最难平衡的。

它采用色轮的四种互补颜色。

若是将所选颜色上的点链接起来，会造成矩形。这种方案很难平衡色彩。

配色方案

1

coolors

2

uigradients

3

uisdc

4 nipponcolors

5

colordrop

6

colorfavs

7

colorhunt

8

materialpalette

9

picular

10

thedayscolor