2021年13款設計必備的配色網站推薦!

配色是一個非常耗費時間的過程，需要我們進行大量的嘗試和調整才能配出想要的顏色，但能夠配出賞心悅目的顏色是設計的基本功。

今天我來給大家分享13款好用的配色網站，它們可以幫助你節省下大量的時間，最重要的是它們使用非常方便並且免費。

Paletton

Paletton是網站設計師大概都知道的經典配色網站，它已經存在於網絡許多年，並且至今仍然是非常出色的顏色組合測試工具。

你只需要輸入顏色號碼，接著就讓這個應用程式執行操作即可，你可以選擇不同的顏色來判斷它們在設計中是否適合。每種顏色的選擇，都可以發現到對比度不同的細微變化。

 

Paletton是一個可靠的配色工具，對於不了解顏色設計的新手設計師來說非常有用。

Color Safe

如果設計過程中需要考慮WCAG(網頁內容無障礙指南)，那麼Color Safe就是你最佳的工具選擇。

使用此款網絡應用程式，你可以生成出完美的配色方案，並提供符合WCAG標準的顏色對比。

你可以從中選擇具有高對比度的顏色，這可以有效增加使用者的方便閱讀性。

因此推薦你使用Color Safe來符合WCAG的規定，提升每個用戶的使用者體驗。

Adobe Color CC

Adobe Color CC以前被稱為Adobe Kuler，它是Adobe專門為設計師開發的免費配色工具，任何人都可以使用它從頭開始完成配色方案。

你可以從多種模式來進行顏色配對測試，並從中選擇最符合需求的顏色。Adobe Color CC的操作界面雖然有點陽春，不過一旦掌握它就可以輕鬆完成配色工作。

Ambiance

Ambiance也是一款免費配色網站，它提供從網絡上其他配色網站中，擷取預先製作好的調色板。你可以將顏色儲存到自己的配置文件中，並從頭開始創建自己的配色方案。

 

你所看到的這些調色板都來自Colorlovers，這些調色板都是經過預製，並由該社區投票通過。Ambiance的使用界面很簡潔，並且著重在UI設計的顏色配對。

0to255

0to255不是一個完整的配色方案生產器，但它可以幫助你調整現有的配色。它會顯示每個顏色對應的不同深淺度，所以非常適合用來設計混搭顏色。

 

當進到網站後，你會發現一個巨大的顏色網格，接著點擊任意一種顏色便會進入一個顏色漸變網頁。你可以從不同的明暗度中進行選擇，並最終找到適合你的目標顏色。

Flat UI Colors

隨著網絡時代的蓬勃發展，平面設計的需求與日俱增，如果你是設計師想順應這個大好趨勢，那麼Flat UI Colors會是非常棒的工具網站。

 

它提供多款現成的平面設計和網頁UI設計的配色方案，你只需要點擊複製這些顏色碼，然後直接將HEX代碼複製貼到Photoshop或CSS即可。

 

雖然這個配色網站很小，大概只有15款UI界面配色，但對於新手來說有個幫你配好顏色的模板可以參考，毫無疑問是非常方便的事情。

Color Supply

Color Supply是一款多功能的顏色選擇器，它具有非常實用的配色功能，你可以從色輪中選擇一種顏色，然後再選擇需要的配色樣式，例如互補色、三色組合等。

 

你可以選擇不同的顏色混合，並確認哪種顏色最適合你。不必靠猜測來得出結果，實際上可以通過預覽來檢查顏色。如果你正在找一款配色網站，希望從中獲取設計靈感，那麼Color Supply推薦給你。

Coolors

Coolors是我個人最喜歡的配色網站，它的操作介面非常的簡潔美觀，所有對比色以長方形的方式一字排開，你可以手動調整顏色和明暗度，並且下面就有顏色碼可以直接選取。

 

順帶一提，它還有免費的Google Chrome擴展插件可以安裝，你只需要註冊一個免費帳號，就可以隨時將自己喜歡的配色方案儲存起來。

Material Colors

Material Colors是由Google認可的應用程式，它主要著重在手機APP的UI設計，允許你從數百種配色方案中進行選擇。如果你是行動裝置應用程式的設計師，那麼推薦你將Material Colors加入我的最愛。

Palette Generator

Palette Generator與Pictaculous非常相似，目前Pictaculous已經無法使用，因此Palette Generator就成了它的最佳替代工具。

 

當你進到網站後，你需要上傳圖片來讓它擷取其中的顏色，一次最多可以上傳20張圖片。

 

上傳圖片後，它會幫你分析圖片中的主要配色，包含對應的顏色色碼和顏色在照片中的佔比。

 

如果你看到一個不錯的網站設計，並且想研究網站的配色，那麼你只需要用截圖軟體來收集網站的截圖，並且把圖片上傳到Palette Generator，它就會告訴你應該選擇的顏色。

Color Picker

Color Picker是由Dixon＆Moe開發的顏色選取工具，它可以讓你免費選擇顏色，並複製它的完整HEX、HSL和RGB顏色代碼。

你只需要從顏色選擇器中選擇顏色，剩下的工作交給它即可。所有配色方案都可以導出為CSS或Sass程式碼，因此特別適合網站設計使用。

Mudcube Color Sphere

Mudcube Color Sphere提供自動調色板讓你輕鬆完成配色任務，你只要選擇一種基礎顏色，並選擇一個生成規則，接著進行調整直到你滿意為止。

它與Paletton相當類似，使用界面容易使用。當你調整滿意後，可以將結果另存為Adobe Illustrator或Photoshop文件，或者以URL來儲存供日後使用。

ColRD

ColRD是一款非常直覺的配色產生器，它具有多種選項，其中最棒的功能是你可以參考其他人上傳的圖片，這些圖片都有配色並直接顯示在下方，你可以選擇自己喜歡的圖片，點擊進去在側邊欄就有色碼可以複製。