12款最好用的配色網站推薦(2021更新)

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

聰明的設計師都知道重新發明輪子非常浪費時間,因為現在網路上有這麼多免費的線上資源,能比以前更方便節省你的時間。

本篇文章將與你分享12款好用的配色網站,它們可以幫助你節省下大量的時間,最重要的是它們使用非常方便,並且100%完全免費。

最好用的配色網站推薦

1. Paletton

Paletton

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

你只需要輸入顏色號碼,接著就讓這個應用程式執行操作即可,你可以選擇不同的顏色來判斷它們在設計中是否適合。

每種顏色的選擇,都可以發現到對比度不同的細微變化。Paletton是一個可靠的配色工具,對於不了解顏色設計的新手設計師來說非常有用。

 

2. Color Safe

Color Safe

如果設計過程中需要考慮WCAG(網頁內容無障礙指南),那麼Color Safe就是你最佳的工具選擇。使用此款網路應用程式,你可以生成出完美的配色方案,並提供符合WCAG標準的顏色對比。

你可以從中選擇具有高對比度的顏色,這可以有效增加使用者的方便閱讀性。因此推薦你使用Color Safe來符合WCAG的規定,提升每個用戶的使用者體驗。

 

3. Adobe Color CC

Adobe Color CC

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

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

 

4. Ambiance

Ambiance

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

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

 

5. 0to255

0to255

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

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

 

6. Flat UI Colors

Flat UI Colors

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

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

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

 

7. Color Supply

Color Supply

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

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

 

8. Coolors

Coolors

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

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

 

9. Material Colors

Material Colors

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

 

10. Palette Generator

Palette Generator

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

當你進到網站後,你需要上傳圖片來讓它擷取其中的顏色,一次最多可以上傳20張圖片。上傳圖片後,它會幫你分析圖片中的主要配色,包含對應的顏色色碼和顏色在照片中的佔比。

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

 

11. Mudcube Color Sphere

Mudcube Color Sphere

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

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

 

12. ColRD

ColRD

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

 

結論

以上就是最好用的配色網站介紹,你可以從中挑選一款喜歡的來用,相信在色彩搭配上再也不會有困難。

相關文章

- 廣告 -

推薦文章

- 廣告 -

熱門文章

- 廣告 -
error: 請勿複製文章內容!