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