前言
設計師都會遇到的狀況，圖畫好了但顏色不知道該怎麼搭配，或者怎麼配都覺得奇怪，你也有遇過嗎？遇到配色困難時你會怎麼辦呢？參考別人的作品或是拿著色票到外頭走走看看找靈感？
其實現在有許多配色網站能幫助你更快找到合適的配色組合，善用配色工具不僅能增加配色靈感，還能加速設計流程，也許還能意外找到自己不曾試過的配色，在對配色沒想法時非常值得一試。
這篇文章整理了15個設計師必備的配色網站，無論你是做品牌設計、UI 設計、社群貼文、簡報，還是插畫創作，一定都可以從中找到靈感。
一、為什麼設計師需要配色網站？
即便學過色彩學，在實際應用的時候總會跟想像中的不一樣，這時候配色工具就能派上用場。
如果你是初學者可以學習如何搭配色彩、減少配色失敗率，而對已經有些經驗的設計師來說可以建立自己的配色資料庫，對老鳥來說則是尋找更多配色靈感。
二、15 個設計師必收藏配色網站
1. Coolors
目前最受歡迎的配色網站之一。按一下空白鍵即可隨機產生新色票，也能鎖定喜歡的顏色繼續生成，決定好喜歡的顏色還可以直接複製色票。而在設計師常用的軟體Adobe系列裡有外掛程式能用，Figma也有支援，還能輸出 HEX、RGB，非常便利，適合在沒有靈感時快速尋找配色。
2. Adobe Color
可能很多人都不知道Adobe官方其實也有推出配色工具，Adobe Color可以依照色彩理論建立配色，也能用滴管工具從現有照片中擷取色彩。如果是常使用Adobe軟體的人，它還能與Creative Cloud 同步，讓設計師快速套用配色。
3.Color Hunt
收錄世界各地設計師分享的配色組合，如果對配色沒想法可以直接來這個網站瀏覽，查看别人配好的顏色，網站裡也有根據冷暖、亮暗、海洋等顏色感覺做分類，整體網站配色內容偏向流行色與網頁設計風格。
4. Muzli Colors
輸入一個主色，即可自動推薦相近色與配色組合，還能直接看到整組顏色運用在UI上的效果，非常適合UI設計師、網頁設計師使用。
5. Happy Hues
不是只給你一組色票，而是直接放在網站介面示範。你可以直接看到顏色實際運用在按鈕、背景、卡片、文字上的視覺效果。缺點是網站的風格較單一，能套用的色票有限，無法自己調整顏色。
6. Colormind
這個網站是利用AI學習了大量的設計作品，並自動生成符合設計趨勢的配色。自動生成外也能自由調整單一顏色，生成的顏色則會直接套用在網站介面上示範，能夠看到配色呈現的效果，沒有太多複雜的介面，用起來非常簡單直覺。
7. Khroma
AI配色工具，第一次使用會先讓你挑50個喜歡的顏色來建立資料庫，之後AI會根據你選擇的顏色給你配色建議，並學習你的喜好生成新配色，非常有趣。
8. Canva Color Palette Generator
知名設計平台Canva所出的配色網站，只要上傳一張圖片，網站就會自動分析主要顏色並生成一組色票，色票可以直接連結到Canva，並直接套用到設計上，操作簡單便利，推薦給常常使用Canva做設計的人。
9. Material Design Color Tool
Google Material Design官方工具，專用於製作UI，可以在頁面中選擇主色、附色等，會即時套用於示範元件中，決定好配色外也能調整字型，最後可以直接輸出成XML、CSS等檔案，非常方便。
10. ColorSpace
隨機輸入一個顏色，網站會自動產生多種色票組合。例如Gradient、Color Palette、漸層等。
11. BrandColors
網站內收錄超過數百家知名品牌的官方品牌色，例如：YouTube、Spotify、Netflix、Airbnb、Facebook，很適合用來研究品牌識別。
12. LOL Colors
提供現有的色票，配色偏流行、時尚。
13. UI Colors
選擇主色調後，自動生成一組UI配色，可以直接看到顏色套用於介面上的效果，部分頁面需要付費解鎖，而生成的色號可以直接輸出成CSS、SVG等。
14. Pigment by ShapeFactory
首頁隨機提供許多現有配色，能夠根據色系選擇配色，而點進配色裡則可以調整色相、飽和度、明度，同樣可以將色票輸出成SVG。
15. Color Lisa
收錄各種世界名畫配色，例如：梵谷、莫內、畢卡索，可以直接擷取名畫色票。非常適合做文青、藝術風格的作品時使用。
三、不同用途推薦哪一個？
以下根據不同用途整理了適合的網站：
| 用途 | 推薦網站 |
|---|---|
| Logo 設計 | Coolors、Adobe Color |
| UI 設計 | Material Color、Happy Hues |
| 社群貼文 | Color Hunt、Coolors |
| 品牌設計 | Khroma、Canva、BrandColors |
| 插畫 | Color Lisa、Coolors |
| Banner | Color Hunt、Happy Hues |
四、結語
若你是新手建議先從相似色開始使用，選擇顏色時通常不超過五色，而最重要的是先抓出主色調再找輔色，學會抓到用色比例，慢慢練習如何使用配色，配色能力並不是與生俱來，而是透過大量觀察、練習與累積建立起來的。善用配色網站，不只能節省設計時間，也能幫助你分析優秀作品的色彩邏輯，慢慢培養自己的色彩敏銳度。
