Hi,我是彩云。配色是設(shè)計(jì)師經(jīng)常需要面對的問題,一個好用的配色工具可以幫大忙。熟悉我的讀者都知道我的文章封面經(jīng)常都是文字+純色來做的,這里的顏色其實(shí)沒有什么明確要求,只要用顏色和文字組合起來識別性好且好看就行。

之前我經(jīng)常會為這里用什么顏色而發(fā)愁,直到我在上一篇配色可用性的文章《2021 年度流行色彩已公布,用最科學(xué)嚴(yán)謹(jǐn)?shù)姆绞浇棠惆阉煤茫 ?/a>中發(fā)現(xiàn)了國外大佬推薦的 3 個配色工具。我自己專門去研究了下,發(fā)現(xiàn)這幾個配色工具簡直是神器!今天就跟大家分享下我的研究成果吧。

Coolors

網(wǎng)站鏈接:https://coolors.co

自從知道這3個配色神器后,配色容易多了!

首先推薦的就是 Coolors,這個工具非常強(qiáng)大,網(wǎng)站設(shè)計(jì)的也很簡潔好用。不但可以快速選到優(yōu)秀的配色組合,還可以了解時下最流行的顏色趨勢。怎么把這個配色工具用好呢?我告訴大家一些非常實(shí)用的技巧。

1)打開網(wǎng)站后的主界面可以直接通過空格鍵隨機(jī)生成配色,隨便一組配色都很好看。

自從知道這3個配色神器后,配色容易多了!

完全隨機(jī)配色,可能只有當(dāng)你完全不知道色彩傾向時才會用,比如我經(jīng)常做封面,其實(shí)隨機(jī)顏色就夠用了。但在具體的某個產(chǎn)品里使用,有時候完全隨機(jī)并不會很好用。那么,你還可以鎖定其中一個配色再次進(jìn)行隨機(jī),這個就比較實(shí)用了。比如,你先設(shè)置好自己項(xiàng)目的主色調(diào),然后再生成其他輔助顏色,或者你鎖定主色和輔助色,再生成其他顏色,以此類推,逐步限定好顏色最終生成配色組合。

比如我的品牌色是藍(lán)色,那么我將第一個顏色設(shè)置成主色藍(lán)色并鎖定,按空格隨機(jī),隨便一組就挺好看的,配色不再發(fā)愁。

自從知道這3個配色神器后,配色容易多了!

2)選完顏色后,還可以通過眼鏡??模式,查看色盲及色弱情況下,顏色的變化情況確定要不要調(diào)整配色。下面那一排就是色盲和色弱用戶能正常看到的顏色。

自從知道這3個配色神器后,配色容易多了!

3)如果你擔(dān)心對隨機(jī)顏色把握不好,也可以探索當(dāng)前最流行的配色,可以看到一些收藏量很高的配色組合,這個簡直太好用了。

自從知道這3個配色神器后,配色容易多了!

4)在更多里面可以找到顏色分析工具,非常詳盡,對自己做顏色提案簡直太有幫助了。

自從知道這3個配色神器后,配色容易多了!

不管你選擇什么顏色,都會立即給到你一份完整的顏色報(bào)告。給到的分析條目有:顏色的建議名稱、顏色的色調(diào)、風(fēng)格、色溫、配色建議、色彩和諧度分析等等。

自從知道這3個配色神器后,配色容易多了!

5)如果你想要找到最好看的漸變色,同樣可以在更多工具里找到探索漸變功能。

自從知道這3個配色神器后,配色容易多了!

這些推薦的漸變顏色非常多,質(zhì)量也都非常不錯。

自從知道這3個配色神器后,配色容易多了!

6)在更多里,還有一個顏色對比度測試工具可以測試配色的可用性,當(dāng)你選擇了一組配色后可以在這里更科學(xué)的檢查配色是否符合可用性標(biāo)準(zhǔn)。

自從知道這3個配色神器后,配色容易多了!

Colormind

網(wǎng)站鏈接:http://colormind.io/bootstrap

這個配色工具也有一個隨機(jī)顏色功能,使用上跟上一個比較類似。但它的特點(diǎn)是提供了很多頁面模板,當(dāng)你選好一組配色后,可以實(shí)時預(yù)覽在 UI 組件、網(wǎng)頁、深淺色模式上,比單純的看顏色組合能更加直觀的看到應(yīng)用到界面上的效果,是不是很實(shí)用?

自從知道這3個配色神器后,配色容易多了!

還可以根據(jù)你隨機(jī)出的一組配色實(shí)時的智能配色到一個后臺模板上,同樣的也是可以鎖定到產(chǎn)品的主色,輔色后隨機(jī)提供智能配色方案,這個功能簡直太好用了!(你也可以在它智能配色的基礎(chǔ)上根據(jù)自己的需要適當(dāng)優(yōu)化)

自從知道這3個配色神器后,配色容易多了!

Adobe Color

網(wǎng)站鏈接:https://color.adobe.com/zh/create/color-wheel

這個工具是我們常用的設(shè)計(jì)軟件 Adobe 公司提供的,它結(jié)合了 behance 上大量的優(yōu)質(zhì)作品,所以在智能取色上算法非常的優(yōu)質(zhì),也是一個獲取優(yōu)質(zhì)配色的絕佳去處!

我覺得這個工具相較于其他工具有幾個特別厲害的地方:

1)能根據(jù)顏色理論選擇合適的顏色組合方式,比如類比色、單色、三元色、補(bǔ)色等等,如果你想用某種顏色模式來構(gòu)建自己的作品,那么用這個工具會非常方便。

自從知道這3個配色神器后,配色容易多了!

2)在探索模式里,你可以找到非常多的優(yōu)質(zhì)配色組合,還可以把自己喜歡的美圖上傳上來進(jìn)行智能分析,然后得到非常棒的配色組合。一些年度色彩趨勢,也會在這里進(jìn)行推薦。

自從知道這3個配色神器后,配色容易多了!

3)設(shè)計(jì)師是最能把握時尚趨勢的一群人,依托 Behance 和 Adobe Stock 這種匯聚世界頂流的設(shè)計(jì)創(chuàng)意資源,給配色算法提供了優(yōu)質(zhì)的素材,所以這里做的配色智能推薦,我個人覺得也是非常不錯的。通過趨勢功能,不僅能看到近期的色彩趨勢,還可以欣賞學(xué)習(xí)到優(yōu)秀的作品,簡直是寶藏之地。

自從知道這3個配色神器后,配色容易多了!

總結(jié)

以上三個配色工具都非常的優(yōu)秀,各有各的特點(diǎn),大家可以根據(jù)自己的需求選擇合適的工具來進(jìn)行配色嘗試。當(dāng)然,工具只是輔助,最終的顏色組合還是要以自己的產(chǎn)品調(diào)性和審美來不斷優(yōu)化。經(jīng)常使用這些配色工具,做一些配色的練習(xí)和嘗試,我相信你的色感也會越來越好。

這 3 個配色工具簡直是神器,趕緊轉(zhuǎn)發(fā)給身邊的朋友們用起來吧!當(dāng)然,如果你有覺得好用的配色工具,也歡迎在評論區(qū)留言分享給大家哦!

歡迎關(guān)注作者的微信公眾號:「彩云譯設(shè)計(jì)」

自從知道這3個配色神器后,配色容易多了!

收藏 171
點(diǎn)贊 36

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。