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

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

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

本篇文章將介紹12個最好用的配色網站,使用它們、結合配色技巧和自己對顏色的獨到審美,肯定能幫助你節省下大量的時間,最重要的是它們使用非常方便,並且完全免費使用。

最好用的配色網站推薦

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

 

結論

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

相關文章

推薦文章