16款激发灵感的配色神器,让你的创意更出彩!

举报 2020-03-23

16款激发灵感的配色神器,让你的创意更出彩!

首发:Canva设计(ID:canvadesign)

在设计创意中,如果配色不好看,很容易被嘲笑“辣眼睛”。如果配色“辣眼睛”了,版式和配图再好也很难留下好印象。

如何快速提升“色感”,做出好看的配色?你需要以下16个配色神器!


1、甲方要的传统中国色

http://zhongguose.com/

喜欢中国传统文化(甲方是文化产业)的各位注意了!

16款激发灵感的配色神器,让你的创意更出彩!

这个配色网站可以满足好奇宝宝们关于“秋波到底是什么颜色的?”“殷红到底是什么红?”等诸多疑问。

16款激发灵感的配色神器,让你的创意更出彩!

甚至当甲方对你的配色产生质疑时,你还能搬出一套理论说法,这个颜色可是中国传统经典……

轻轻移动鼠标到颜色拼音旁,就会出现色号,双击全选ctrl +C就能马上复制色号。比如下面的“秋波蓝”色号就是#8abcd1。

16款激发灵感的配色神器,让你的创意更出彩!

仔细观察这个网站你甚至还能发现一些“彩蛋”。比如在版权申明上非常实诚地说自己是“Shanzhai”了日本的一个配色网站。

16款激发灵感的配色神器,让你的创意更出彩!

顺藤摸瓜,你还能get日本传统配色网站:https://nipponcolors.com/ 

像日本动漫影视作品中的一些经典元素的配色也都有了,比如“桔梗”。

16款激发灵感的配色神器,让你的创意更出彩!


2、不同年代的代表配色

https://colorleap.app/home

除了中国传统色、日本传统色以外,不同的年代也有属于那个年代的经典配色。

16款激发灵感的配色神器,让你的创意更出彩!

像是colorleap这个网站,就把公元前20世纪到60年代的经典插画和配色都整理好了。点击一下“Choose Era”就能看到所有的年代。

以40年代为例,你可以看到这个年代的经典插画,点一下“See Colors”就能看到对应的色卡,再点一下色卡上的颜色,就能轻轻松松复制色号了。

16款激发灵感的配色神器,让你的创意更出彩!


3、快速get小众画家的配色

https://palette.okaybueno.com/

除了各年代的经典配色,一些小众画家的配色同样值得借鉴。在下面这个网站上,你可以看到各种精美艺术作品和它们的配色,点一下“Refresh”就能随机看到下一副画。

16款激发灵感的配色神器,让你的创意更出彩!

16款激发灵感的配色神器,让你的创意更出彩!

再点一下“Get Colors”就能看到色卡和色号,喜欢这个颜色的话,直接复制色号就行。

16款激发灵感的配色神器,让你的创意更出彩!

除此之外,这个网站也在画家作品旁写了画家的名字,点一下你就能看到画家的主页,有时候还能发现一个新的世界。

16款激发灵感的配色神器,让你的创意更出彩!


4、听音乐学配色,了解一下?

https://www.eggradients.com

插画和艺术作品我们前面都提过了,除此之外,大多数音乐专辑的封面都很有设计感,配色也是格外讲究。下面这个网站能让你边听音乐边学配色。

16款激发灵感的配色神器,让你的创意更出彩!

点击一下专辑封面,你就能看到详细色号和专辑背后的歌单了。

16款激发灵感的配色神器,让你的创意更出彩!

不过,这些歌都是从Spotify上来的,想听到得想想办法。


5、浏览器必备取色插件

https://www.colorzilla.com/chrome/

上面这些配色网站都是已经搭配好的配色。如果逛网站的时候遇到了喜欢的颜色怎么才能知道色号呢?这时候你就需要一个强大的浏览器插件了。


16款激发灵感的配色神器,让你的创意更出彩!

看到ColorZilla的用户数,你就能知道这个取色插件有多强大了。

安装好插件之后,点一下“Pick Color From Page”你就能开始吸取网页上的颜色。

软件上显示的颜色和色号会随着你的拖拽而变化,点击一下鼠标,你就能马上get这个颜色的色号了。

16款激发灵感的配色神器,让你的创意更出彩!

目前这个取色插件支持Chrome和Firefox两款浏览器。btw,MAC用户还可以试一下一个叫做Sip的应用,亲测好用。


6、制作色卡只要10秒

https://www.canva.com

除了吸取颜色,平时我们还会把好看的图片制作成色卡。做设计没灵感的时候,看看色卡就能get不少。

下面这个在线制作色卡的网站能让你在几秒之内制作好一张色卡。

16款激发灵感的配色神器,让你的创意更出彩!

演示一下,制作色卡,真的只需要几秒。

16款激发灵感的配色神器,让你的创意更出彩!

做好色卡之后,截图就可以保存了。


7、快速搜索想要的配色

https://www.canva.com

如果你只是知道设计的主题,但是对配色没有任何想法,你可以在这个网站上搜索关键词,获得想要的颜色搭配。


比如,搜索“Love”就能得到好几种不同的配色:

点进一组配色,你能获得相应颜色的图片和色号,可以说非常方便了。

如果你不想搜索,也可以在这个网站好好逛逛,每一组配色都非常养眼。


8、色彩背后的故事

https://www.canva.com

如果你对颜色背后的故事感兴趣,这个网站千万不能错过。

如果不知道查什么颜色,还可以直接浏览这个网页上的颜色。

点击一下“Light Blue”,你就能得到这个颜色的各种搭配和颜色背后的故事。


9、色轮配色大法好

https://www.canva.com

看到这里你是不是也对配色产生了兴趣,如果想进一步用理论武装你配色方法,怎么少得了色轮呢。

通过拖动色轮上的光标和更改“Color Combination”,你能非常直观地感受到单色搭配、互补色搭配、三角形搭配、矩形搭配、类似色搭配……

这些配色方法听起来复杂,但是变成图形的样子就非常好懂了:

除此之外,像一些颜色的色调、饱和度、亮度该怎么理解,这个网站上也有。


10、学配色看名画

http://colorlisa.com/

相比用吸管工具吸取颜色做色卡,网站Color Lisa直接给我们提供了海量名画色卡。

只要你能想得到的画家和艺术家的配色都能在Color Lisa中找到,像什么达芬奇、伦勃朗、莫奈、毕加索……这个网站上都有。

网站的页面设计十分简洁,网页最上方(红框内)可根据画家名字的开头字母来进行搜索。

以梵高(Van Gogh)为例子:在最上面的字母表里选择V,页面会自动跳到以V字开头的画家。

找到梵高后点击姓名,页面会展示梵高的名画的配色,就可以直接参考配色了~

如果还想要观看一下名画,就点击作品的标题《The stary night》,不仅能看到作品,还能看到这幅画的由来以及相关注解哦。



11、品牌代表色

https://brandcolors.net

在日常生活中频繁见到的便是各大品牌了,所以跟着品牌学配色也不失为一种方法。

Brand Color就会提供各大品牌的代表色给大家参考。

点开网站后就能看到各个品牌的代表色。如果懒得一个一个地找,也可以直接搜索。

当你找到想要参考的品牌后,只需找到颜色并且点击一下,就能直接复制色号,简单快捷!


11、大牌LOGO及品牌色汇总

https://www.boldwebdesign.com.au

和上述网站比较相似,Bold也是提供品牌色的网站。


和上述网站不同的是:Bold只提供《财富》杂志每年选出的全美500强品牌的logo以及该品牌的常用配色。

品牌logo默认是以首字母排序的,很容易找到你想要的品牌。你也可以按照行业查看这些logo,了解各行业常用的颜色。

点击品牌logo后,网页上方会有品牌的名称,下方则是品牌logo使用的颜色。比如像英特尔:



12、和谐的文字色与背景色

https://colorable.jxnblk.com/

这个神器不同于其他的配色工具,普通的配色工具只会提供色号,而Colorable会根据提供的文字颜色以及背景颜色来进行配色组合。如果你担心文字和背景颜色会影响可读性,不妨试试这个网站。

页面所展示的就是背景色和文字颜色的搭配,左边是文字的色号,右边是背景的色号。


这个网站虽然看起来复杂,但用起来还是很方便的。

首先最简单的方法就是点击下方的随机(Random),网站会自动给你推荐合适的颜色搭配:


另一种方法就是调整色号下方的三个参数,包括颜色的色调(Hue),饱和度(Saturation)和亮度(Lightness)以此来产生不同的搭配组合:

确定合适的颜色后,复制色号直接使用就可以了。


13、根据关键词找颜色

https://picular.co/

如果用一种颜色去形容大海,你会选择什么颜色?蓝色?但是有哪种蓝色呢?毕竟蓝调色系那么多。如果可以直接输入关键词,就能显示出相关色彩,那么配色也会容易一些。Picular就满足了这个需求,让搜索色彩变得更加简单。

页面十分简洁,标语也很有意思 “Google, but for colors (颜色专属的搜索引擎)”。

使用方法也很简单,在搜索的地方打出你想要的颜色关键词(需要是英文哦~),比如大海,就能得到一系列的相关颜色了。点击色卡下方的色号,就能直接复制上了。


14、最炫的潮流渐变色?

https://www.ls.graphics/meshgradients

渐变色在近几年十分流行,自由随性地使用不同的颜色可以创造出独一无二的效果。许多品牌也都开始将渐变色融入自己的产品中,比如苹果X系列使用渐变色作为屏保。


因此接下来介绍的就是有关渐变色的网站了。这个网站拥有100个免费的渐变色合集,并且支持sketch、png、ai、jpg、eps等多种格式下载。

多色潮流的渐变色非常适合直接下载作为PPT、海报背景或者壁纸使用,美观、快捷。


如果你觉得上面的渐变色还不够酷炫,Canva上还有更潮的流体渐变。使用的时候,直接在设计界面左侧的“素材”栏中搜索“炫彩”就能找到了。



15、渐变色卡任你选

https://webkul.github.io/coolhue/

时尚的多色渐变虽然很潮,但平时用得比较多的还是双色渐变。

Coolhue不仅提供了色卡的下载,还提供了渐变色号。

如果觉得用别的网站麻烦,也可以直接在Canva的设计界面左侧“素材”栏搜索“渐变”,有大量好看的渐变色。



16、常规色卡任你挑

https://colorhunt.co/

说到配色神器,怎么能少得了Color Hunt。作为开放平台,Color Hunt每天都会更新不同的色卡供大家选择。

色号的选择也很简单,点开喜爱的色彩搭配,移动鼠标到你想要的色条中,左下角便会出现颜色的色号,点一下就能直接复制成功。



写在最后

良好的色感需要长期观看美好的作品,希望上面的这些设计神器能对你有所帮助。


数英用户原创,转载请遵守规范
作者公众号:Canva设计(ID:canvadesign)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(7条)