16款激發(fā)靈感的配色神器，讓你的創(chuàng)意更出彩！
首發(fā)：Canva設(shè)計(jì)（ID:canvadesign）
在設(shè)計(jì)創(chuàng)意中，如果配色不好看，很容易被嘲笑“辣眼睛”。如果配色“辣眼睛”了，版式和配圖再好也很難留下好印象。
如何快速提升“色感”，做出好看的配色？你需要以下16個(gè)配色神器！
1、甲方要的傳統(tǒng)中國(guó)色
喜歡中國(guó)傳統(tǒng)文化（甲方是文化產(chǎn)業(yè)）的各位注意了！
這個(gè)配色網(wǎng)站可以滿足好奇寶寶們關(guān)于“秋波到底是什么顏色的？”“殷紅到底是什么紅？”等諸多疑問(wèn)。
甚至當(dāng)甲方對(duì)你的配色產(chǎn)生質(zhì)疑時(shí)，你還能搬出一套理論說(shuō)法，這個(gè)顏色可是中國(guó)傳統(tǒng)經(jīng)典……
輕輕移動(dòng)鼠標(biāo)到顏色拼音旁，就會(huì)出現(xiàn)色號(hào)，雙擊全選ctrl +C就能馬上復(fù)制色號(hào)。比如下面的“秋波藍(lán)”色號(hào)就是#8abcd1。
仔細(xì)觀察這個(gè)網(wǎng)站你甚至還能發(fā)現(xiàn)一些“彩蛋”。比如在版權(quán)申明上非常實(shí)誠(chéng)地說(shuō)自己是“Shanzhai”了日本的一個(gè)配色網(wǎng)站。
順藤摸瓜，你還能get日本傳統(tǒng)配色網(wǎng)站：https://nipponcolors.com/
像日本動(dòng)漫影視作品中的一些經(jīng)典元素的配色也都有了，比如“桔?！薄?/p>
2、不同年代的代表配色
除了中國(guó)傳統(tǒng)色、日本傳統(tǒng)色以外，不同的年代也有屬于那個(gè)年代的經(jīng)典配色。
像是colorleap這個(gè)網(wǎng)站，就把公元前20世紀(jì)到60年代的經(jīng)典插畫和配色都整理好了。點(diǎn)擊一下“Choose Era”就能看到所有的年代。
以40年代為例，你可以看到這個(gè)年代的經(jīng)典插畫，點(diǎn)一下“See Colors”就能看到對(duì)應(yīng)的色卡，再點(diǎn)一下色卡上的顏色，就能輕輕松松復(fù)制色號(hào)了。
3、快速get小眾畫家的配色
https://palette.okaybueno.com/
除了各年代的經(jīng)典配色，一些小眾畫家的配色同樣值得借鑒。在下面這個(gè)網(wǎng)站上，你可以看到各種精美藝術(shù)作品和它們的配色，點(diǎn)一下“Refresh”就能隨機(jī)看到下一副畫。
再點(diǎn)一下“Get Colors”就能看到色卡和色號(hào)，喜歡這個(gè)顏色的話，直接復(fù)制色號(hào)就行。
除此之外，這個(gè)網(wǎng)站也在畫家作品旁寫了畫家的名字，點(diǎn)一下你就能看到畫家的主頁(yè)，有時(shí)候還能發(fā)現(xiàn)一個(gè)新的世界。
4、聽(tīng)音樂(lè)學(xué)配色，了解一下？
插畫和藝術(shù)作品我們前面都提過(guò)了，除此之外，大多數(shù)音樂(lè)專輯的封面都很有設(shè)計(jì)感，配色也是格外講究。下面這個(gè)網(wǎng)站能讓你邊聽(tīng)音樂(lè)邊學(xué)配色。
點(diǎn)擊一下專輯封面，你就能看到詳細(xì)色號(hào)和專輯背后的歌單了。
不過(guò)，這些歌都是從Spotify上來(lái)的，想聽(tīng)到得想想辦法。
5、瀏覽器必備取色插件
https://www.colorzilla.com/chrome/
上面這些配色網(wǎng)站都是已經(jīng)搭配好的配色。如果逛網(wǎng)站的時(shí)候遇到了喜歡的顏色怎么才能知道色號(hào)呢？這時(shí)候你就需要一個(gè)強(qiáng)大的瀏覽器插件了。
看到ColorZilla的用戶數(shù)，你就能知道這個(gè)取色插件有多強(qiáng)大了。
安裝好插件之后，點(diǎn)一下“Pick Color From Page”你就能開始吸取網(wǎng)頁(yè)上的顏色。
軟件上顯示的顏色和色號(hào)會(huì)隨著你的拖拽而變化，點(diǎn)擊一下鼠標(biāo)，你就能馬上get這個(gè)顏色的色號(hào)了。
目前這個(gè)取色插件支持Chrome和Firefox兩款瀏覽器。btw，MAC用戶還可以試一下一個(gè)叫做Sip的應(yīng)用，親測(cè)好用。
6、制作色卡只要10秒
除了吸取顏色，平時(shí)我們還會(huì)把好看的圖片制作成色卡。做設(shè)計(jì)沒(méi)靈感的時(shí)候，看看色卡就能get不少。
下面這個(gè)在線制作色卡的網(wǎng)站能讓你在幾秒之內(nèi)制作好一張色卡。
演示一下，制作色卡，真的只需要幾秒。
做好色卡之后，截圖就可以保存了。
7、快速搜索想要的配色
如果你只是知道設(shè)計(jì)的主題，但是對(duì)配色沒(méi)有任何想法，你可以在這個(gè)網(wǎng)站上搜索關(guān)鍵詞，獲得想要的顏色搭配。
比如，搜索“Love”就能得到好幾種不同的配色：
點(diǎn)進(jìn)一組配色，你能獲得相應(yīng)顏色的圖片和色號(hào)，可以說(shuō)非常方便了。
如果你不想搜索，也可以在這個(gè)網(wǎng)站好好逛逛，每一組配色都非常養(yǎng)眼。
8、色彩背后的故事
如果你對(duì)顏色背后的故事感興趣，這個(gè)網(wǎng)站千萬(wàn)不能錯(cuò)過(guò)。
如果不知道查什么顏色，還可以直接瀏覽這個(gè)網(wǎng)頁(yè)上的顏色。
點(diǎn)擊一下“Light Blue”，你就能得到這個(gè)顏色的各種搭配和顏色背后的故事。
9、色輪配色大法好
看到這里你是不是也對(duì)配色產(chǎn)生了興趣，如果想進(jìn)一步用理論武裝你配色方法，怎么少得了色輪呢。
通過(guò)拖動(dòng)色輪上的光標(biāo)和更改“Color Combination”，你能非常直觀地感受到單色搭配、互補(bǔ)色搭配、三角形搭配、矩形搭配、類似色搭配……
這些配色方法聽(tīng)起來(lái)復(fù)雜，但是變成圖形的樣子就非常好懂了：
除此之外，像一些顏色的色調(diào)、飽和度、亮度該怎么理解，這個(gè)網(wǎng)站上也有。
10、學(xué)配色看名畫
相比用吸管工具吸取顏色做色卡，網(wǎng)站Color Lisa直接給我們提供了海量名畫色卡。
只要你能想得到的畫家和藝術(shù)家的配色都能在Color Lisa中找到，像什么達(dá)芬奇、倫勃朗、莫奈、畢加索……這個(gè)網(wǎng)站上都有。
網(wǎng)站的頁(yè)面設(shè)計(jì)十分簡(jiǎn)潔，網(wǎng)頁(yè)最上方（紅框內(nèi)）可根據(jù)畫家名字的開頭字母來(lái)進(jìn)行搜索。
以梵高（Van Gogh）為例子：在最上面的字母表里選擇V，頁(yè)面會(huì)自動(dòng)跳到以V字開頭的畫家。
找到梵高后點(diǎn)擊姓名，頁(yè)面會(huì)展示梵高的名畫的配色，就可以直接參考配色了～
如果還想要觀看一下名畫，就點(diǎn)擊作品的標(biāo)題《The stary night》，不僅能看到作品，還能看到這幅畫的由來(lái)以及相關(guān)注解哦。
11、品牌代表色
在日常生活中頻繁見(jiàn)到的便是各大品牌了，所以跟著品牌學(xué)配色也不失為一種方法。
Brand Color就會(huì)提供各大品牌的代表色給大家參考。
點(diǎn)開網(wǎng)站后就能看到各個(gè)品牌的代表色。如果懶得一個(gè)一個(gè)地找，也可以直接搜索。
當(dāng)你找到想要參考的品牌后，只需找到顏色并且點(diǎn)擊一下，就能直接復(fù)制色號(hào)，簡(jiǎn)單快捷！
11、大牌LOGO及品牌色匯總
https://www.boldwebdesign.com.au
和上述網(wǎng)站比較相似，Bold也是提供品牌色的網(wǎng)站。
和上述網(wǎng)站不同的是：Bold只提供《財(cái)富》雜志每年選出的全美500強(qiáng)品牌的logo以及該品牌的常用配色。
品牌logo默認(rèn)是以首字母排序的，很容易找到你想要的品牌。你也可以按照行業(yè)查看這些logo，了解各行業(yè)常用的顏色。
點(diǎn)擊品牌logo后，網(wǎng)頁(yè)上方會(huì)有品牌的名稱，下方則是品牌logo使用的顏色。比如像英特爾：
12、和諧的文字色與背景色
這個(gè)神器不同于其他的配色工具，普通的配色工具只會(huì)提供色號(hào)，而Colorable會(huì)根據(jù)提供的文字顏色以及背景顏色來(lái)進(jìn)行配色組合。如果你擔(dān)心文字和背景顏色會(huì)影響可讀性，不妨試試這個(gè)網(wǎng)站。
頁(yè)面所展示的就是背景色和文字顏色的搭配，左邊是文字的色號(hào)，右邊是背景的色號(hào)。
這個(gè)網(wǎng)站雖然看起來(lái)復(fù)雜，但用起來(lái)還是很方便的。
首先最簡(jiǎn)單的方法就是點(diǎn)擊下方的隨機(jī)（Random），網(wǎng)站會(huì)自動(dòng)給你推薦合適的顏色搭配：
另一種方法就是調(diào)整色號(hào)下方的三個(gè)參數(shù)，包括顏色的色調(diào)（Hue），飽和度（Saturation）和亮度（Lightness）以此來(lái)產(chǎn)生不同的搭配組合：
確定合適的顏色后，復(fù)制色號(hào)直接使用就可以了。
13、根據(jù)關(guān)鍵詞找顏色
如果用一種顏色去形容大海，你會(huì)選擇什么顏色？藍(lán)色？但是有哪種藍(lán)色呢？畢竟藍(lán)調(diào)色系那么多。如果可以直接輸入關(guān)鍵詞，就能顯示出相關(guān)色彩，那么配色也會(huì)容易一些。Picular就滿足了這個(gè)需求，讓搜索色彩變得更加簡(jiǎn)單。
頁(yè)面十分簡(jiǎn)潔，標(biāo)語(yǔ)也很有意思 “Google, but for colors （顏色專屬的搜索引擎）”。
使用方法也很簡(jiǎn)單，在搜索的地方打出你想要的顏色關(guān)鍵詞（需要是英文哦～），比如大海，就能得到一系列的相關(guān)顏色了。點(diǎn)擊色卡下方的色號(hào)，就能直接復(fù)制上了。
14、最炫的潮流漸變色？
https://www.ls.graphics/meshgradients
漸變色在近幾年十分流行，自由隨性地使用不同的顏色可以創(chuàng)造出獨(dú)一無(wú)二的效果。許多品牌也都開始將漸變色融入自己的產(chǎn)品中，比如蘋果X系列使用漸變色作為屏保。
因此接下來(lái)介紹的就是有關(guān)漸變色的網(wǎng)站了。這個(gè)網(wǎng)站擁有100個(gè)免費(fèi)的漸變色合集，并且支持sketch、png、ai、jpg、eps等多種格式下載。
多色潮流的漸變色非常適合直接下載作為PPT、海報(bào)背景或者壁紙使用，美觀、快捷。
如果你覺(jué)得上面的漸變色還不夠酷炫，Canva上還有更潮的流體漸變。使用的時(shí)候，直接在設(shè)計(jì)界面左側(cè)的“素材”欄中搜索“炫彩”就能找到了。
15、漸變色卡任你選
https://webkul.github.io/coolhue/
時(shí)尚的多色漸變雖然很潮，但平時(shí)用得比較多的還是雙色漸變。
Coolhue不僅提供了色卡的下載，還提供了漸變色號(hào)。
如果覺(jué)得用別的網(wǎng)站麻煩，也可以直接在Canva的設(shè)計(jì)界面左側(cè)“素材”欄搜索“漸變”，有大量好看的漸變色。
16、常規(guī)色卡任你挑
說(shuō)到配色神器，怎么能少得了Color Hunt。作為開放平臺(tái)，Color Hunt每天都會(huì)更新不同的色卡供大家選擇。
色號(hào)的選擇也很簡(jiǎn)單，點(diǎn)開喜愛(ài)的色彩搭配，移動(dòng)鼠標(biāo)到你想要的色條中，左下角便會(huì)出現(xiàn)顏色的色號(hào)，點(diǎn)一下就能直接復(fù)制成功。
寫在最后
良好的色感需要長(zhǎng)期觀看美好的作品，希望上面的這些設(shè)計(jì)神器能對(duì)你有所幫助。
數(shù)英用戶原創(chuàng)，轉(zhuǎn)載請(qǐng)遵守規(guī)范
作者公眾號(hào)：Canva設(shè)計(jì)（ID：canvadesign）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（7條）