前言

合理的色彩搭配是成就優(yōu)秀作品的必要條件，我之前也寫過很多篇關(guān)于配色的文章，有興趣的同學(xué)可以翻一翻。

這篇文章我不講理論，只希望配色做不好的同學(xué)，能學(xué)會借助工具解決工作中的配色難題。

下面我就為大家推薦5個實用的配色工具，樸實無華的5招，幫你搞定工作中的配色難題。會詳細(xì)到每個功能的介紹、如何使用、側(cè)重點是什么等等。

補充：因為都是國外網(wǎng)站，如果你英語水平跟我一樣差，可以下載一個網(wǎng)頁翻譯的插件，輕松一點英文秒變中文。

一、Adobe Color CC

網(wǎng)站：https://color.adobe.com

Adobe官方出品的配色工具，也是我在剛接觸設(shè)計時常用的配色網(wǎng)站，支持RGB、CMYK、HSB等多種色彩模式，并且也支持多種配色規(guī)則，比如：類比、單色、補色、分割補色等等。

使用起來很簡單，選定色彩調(diào)和規(guī)則之后，轉(zhuǎn)動色相輪上的調(diào)整錨點，就會出現(xiàn)統(tǒng)一色彩調(diào)和規(guī)則下的多種配色形式。

另外，每個色彩下方都會有對應(yīng)的屬性，并且每個屬性都可以通過拖動圓球進(jìn)行手動調(diào)節(jié)。

所以，在工作中當(dāng)你只能確定一個主色的情況下，我們可以將其設(shè)定為基色，通過手動調(diào)整的方式，讓系統(tǒng)自動生成配色方案，這在工作中很實用的。

還有一個功能很好用，就是從圖片中提取色彩的功能，叫做提取主題。

當(dāng)我們看到一張很美的照片或者是想要參考別人作品的色彩時，就可以通過這個功能提取色彩。

可以根據(jù)圖片中的色彩屬性進(jìn)行提取，比如：彩色、亮色、柔和、深色等等，官方叫做使用色彩情景提取。

提取主體初始默認(rèn)是系統(tǒng)自動選取圖片中的關(guān)鍵色彩，當(dāng)然可以手動選擇圖片中你想要色顏色，是不是特別方便？

另外不僅可以提取純色，還可以提取漸變色。

跟提取純色差不多，也可以進(jìn)行手動選取你想要的顏色，同時也可以手動設(shè)置漸變色標(biāo)的數(shù)量。

還有一些好玩的功能，比如：色彩游戲、對比檢查器等等，大家可以去看看效果，都試一下。

二、Colourco

網(wǎng)站：https://colourco.de

一個很有意思的線上配色網(wǎng)站，可以根據(jù)自己的喜好自由的進(jìn)行顏色搭配，在調(diào)色板內(nèi)范圍內(nèi)滑動鼠標(biāo)，顏色就會隨之發(fā)生變化，想要哪個顏色，鼠標(biāo)左鍵點一下就可以鎖定，以此類推。

它還有很多實用的色彩調(diào)和規(guī)則，比如：單色、單色和深灰色、類比、四邊形。類比與補等等。

有了這些色彩調(diào)和規(guī)則之后，在選定一個色彩調(diào)和規(guī)則后，你同樣可以通過鼠標(biāo)在調(diào)色板范圍內(nèi)移動改變色彩，直到選定之后，點擊鼠標(biāo)左鍵鎖定。

如果你感覺調(diào)色板數(shù)量不夠，可以通過頁面右側(cè)的“+”號鍵進(jìn)行添加。

另外也可以通過手動調(diào)整中間顏色的屬性和參數(shù)，在選定的的色彩調(diào)和規(guī)則下系統(tǒng)自動生成最優(yōu)的色彩搭配方案。

這與Adobe Color CC網(wǎng)站中的比較相似。

三、WebGradients

網(wǎng)站：https://webgradients.com

這是一個主要做漸變色的配色網(wǎng)站，網(wǎng)站內(nèi)有180種漸變配色方案，整體風(fēng)格都偏柔和、舒服自然，方案質(zhì)量很高。

并且支持在線預(yù)覽、PNG格式下載以及生成CSS代碼等等。

與其他配色網(wǎng)站的不同在于：無法手動調(diào)整、自由變換，沒有過多的操作，從180中漸變配色方案中選擇你想要的即可。

下面是我隨機挑選的幾個，確實很漂亮。

四、ColorSupply

五、ColorSupply

原文地址：美工美邦（公眾號）

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》5招！幫你搞定配色難題！

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)