前言

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

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

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

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

一、Adobe Color CC

網站：https://color.adobe.com

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

使用起來很簡單，選定色彩調和規則之后，轉動色相輪上的調整錨點，就會出現統一色彩調和規則下的多種配色形式。

另外，每個色彩下方都會有對應的屬性，并且每個屬性都可以通過拖動圓球進行手動調節。

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

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

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

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

提取主體初始默認是系統自動選取圖片中的關鍵色彩，當然可以手動選擇圖片中你想要色顏色，是不是特別方便？

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

跟提取純色差不多，也可以進行手動選取你想要的顏色，同時也可以手動設置漸變色標的數量。

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

二、Colourco

網站：https://colourco.de

一個很有意思的線上配色網站，可以根據自己的喜好自由的進行顏色搭配，在調色板內范圍內滑動鼠標，顏色就會隨之發生變化，想要哪個顏色，鼠標左鍵點一下就可以鎖定，以此類推。

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

有了這些色彩調和規則之后，在選定一個色彩調和規則后，你同樣可以通過鼠標在調色板范圍內移動改變色彩，直到選定之后，點擊鼠標左鍵鎖定。

如果你感覺調色板數量不夠，可以通過頁面右側的“+”號鍵進行添加。

另外也可以通過手動調整中間顏色的屬性和參數，在選定的的色彩調和規則下系統自動生成最優的色彩搭配方案。

這與Adobe Color CC網站中的比較相似。

三、WebGradients

網站：https://webgradients.com

這是一個主要做漸變色的配色網站，網站內有180種漸變配色方案，整體風格都偏柔和、舒服自然，方案質量很高。

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

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

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

四、ColorSupply

五、ColorSupply

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

轉載請注明：學UI網》5招！幫你搞定配色難題！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務