不知道怎么配色?这几个简单实用的网站帮你轻松搞定

不管是一个网站、一个 APP 、一张海报还是一份 PPT ,好的配色总能给人赏心悦的浏览体验。配色不仅仅是色彩的简单搭配,还需要考虑产品定位、用户心理认知、整体风格统一等多重因素,因此配色是设计师一项很重要的能力。

而对于很多新手设计师来讲,配色方案是一个比较头疼的事情,所以,这里整理了一些简单实用的配色网站给大家。


1. peise

http://www.peise.net/tools/web/ 


点击左边色环,选择喜欢的主色调,右边则会出现对应的配色方案。

该站有单色搭配、互补色、类似色等6种配色方案。

对于选定的主色调给出的配色方案,你还可以自由调整透明度、饱和度等参数。

最后点击网页演示、查看大致效果。


2. grabient

https://www.grabient.com/?ref=producthunt


grabient 是一个超好看的渐变色网站,如果你也喜欢渐变色而又不会搭配的话,就可以直接进这样的网站选取。

设计师可以在色块下方自由添加和调整渐变的色系、以及线性渐变方向。

在线实时调整和预览,十分方便。选好调整后,鼠标炫富在色快上,会出现一个 “复制css” ,点击一下就可以复制 css 代码块,然后给到前端开发工程师即可在任何区域实现渐变效果。


3.webgradients

https://webgradients.com/


webgradients 和上面的一样也是个渐变色搭配网站,该站提供近200种渐变方案,整体风格偏柔和,看起来很干净舒适。


渐变色在产品设计中运用的其实很广泛,多用于背景和插画,运用得体可以使产品看着非常漂亮。

源于ui中国@熊大渔夫UX


源于ui中国@MARS_Y


源于ui中国@MARS_Y


4. Color Claim

http://www.vanschneider.com/colors


Color Claim 是一个设计大师自建的配色网站,打开网站你会发现都是一些看起来好像很普通的图片,一种主要颜色背景和一种强调颜色数字的简单组合,每张图片都不会超过三种颜色。其实不然,这些都是大师多年设计经验提取出的经典配色,凝结着配色智慧的结晶,简约而不简单。

每个配色都具有鲜明对比的风格特色,很多可以直接照搬使用。


5.Colordrop

https://colordrop.io/


这个配色网站设计很简单,没有任何复杂难懂的其他东西,只是提供丰富的各种色彩组合。如果你没有灵感,可以到这上面逛逛,总能找到自己喜欢的色彩搭配。


6. 中国色

http://zhongguose.com/


该站收集了多个代表中国传统的配色,如果你设计的作品含有较多中国元素,那么可以参考这上面的配色,网站本身也非常的有韵味。

每点击一个颜色,背景就会变成该颜色,方便查看整体颜色效果。

与中国色与之对应的还有个日本色,http://nipponcolors.com/ ,它收集的则是代表日本常用色系。两个网站基本一毛一样,至于谁参考谁,我就没去扒了,哈哈。


7. Colordot

https://color.hailpixel.com/


这款配色神器和其他配色网站有点不一样,它不提供任何色彩组合,就只是一个空白页面,你需要做的是在上面移动鼠标,然后页面就会自动调整颜色。适用性可能不大,但很适合拿来找灵感。

按下鼠标后就会固定颜色并显示颜色值。


以上7个配色网站无需付费,无需翻墙,输入网址打开即用,网站本身也设计的简约大方,希望对你有用。



精彩推荐:

这6个免费无版权的高质量图片网站能满足你99%的找图需求

这些炫酷的设计工具,包你用了上瘾

小白用户如何快速做出一份拿得出手的PPT

这四款高颜值效率工具,从此让你沉迷工作

你可能感兴趣的:(不知道怎么配色?这几个简单实用的网站帮你轻松搞定)