不管是一个网站、一个 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种渐变方案,整体风格偏柔和,看起来很干净舒适。
渐变色在产品设计中运用的其实很广泛,多用于背景和插画,运用得体可以使产品看着非常漂亮。
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
这四款高颜值效率工具,从此让你沉迷工作