最後再來介紹一款非常實用的工具，是由GOOGLE開發專門提供給UI設計師或前端工程師參考的配色網站，可以選擇網站上提供的色票去選擇主要想搭配的顏色或是 ...平面設計動態設計職場經驗設計觀察科技工具凱文設計粉專設計資源分享:配色篇－5個超好用的配色網站KevinKuoFollowNov16,2019·5minread不管你本身是設計師或是從事需要跟設計師溝通的行業，了解一些基本的配色工具和方法都會很有幫助的，這次先來幫大家介紹五款好用的配色工具和網站，幫助大家在配色時不會沒有靈感或是胡亂配色。

第一款：PALETTABLEPALETTABLE網站介面一進入網站會自由跳出一種顏色，如果喜歡這個顏色你可以按下LIKE，不喜歡則按下DISLIKE，按下後他會再換一個新顏色給你，最多會顯示五個顏色一組的配色，這些配色都是系統幫你搭配好的適合配色，如果最後選完有不喜歡的可以再刪除重新選擇。

最終還可以讓你把這些配色輸出成PNG圖檔，不管設計或畫圖時直接放在軟體內吸取顏色或是把這份配色圖交給執行的設計師參考都非常方便。

在配色完全沒靈感時我很喜歡用這個網站來隨意搭配看看，有時總會有些驚喜和新的靈感。

評分：實用：☻☻☻☻趣味：☻☻☻靈感：☻☻☻（滿分五個笑臉，至於為什麼用笑臉，就想用，沒什麼原因XD）第二款：BrandColorsBrandColors網站介面這網站非常特別，他們蒐集了世界上各大品牌的品牌色，如果你想看看這些世界級的品牌是怎麼配色可以來參考看看，這網站比較適合當做參考，如果剛好你也做品牌設計時，也許這些配色能給你一些靈感。

評分：實用：☻☻☻趣味：☻☻☻☻靈感：☻☻☻☻第三款：ColorableColorable網站介面一個非常實用的網站，有時我們需要找到適合搭配的字體顏色和背景顏色，但是在設計軟體中嘗試搭配有時太慢又很難馬上看出在網頁呈現的效果，這個網站完全解決我們的需求，你可以針對你想要嘗試的字體和背景配色去做搭配，而且馬上就能看到呈現效果，可以說是一個實用度滿分的網站。

評分：實用：☻☻☻☻☻趣味：☻☻靈感：☻第四款：COLORLEAPCOLORLEAP網站介面我非常喜歡各種有趣的配色，COLORLEAP這個網站依照時間軸的方式提供不同年代對應的配色，參考的配色通常都是當時的藝術創作或是海報設計的配色等，對於想要製作某些特定時代的設計或是當做靈感參考都非常棒，我覺得這個網站對我的來說最棒的地方在於可以看到人類歷史上各種藝術創作和配色風格的改變，真的很有趣。

評分：實用：☻☻☻趣味：☻☻☻☻☻靈感：☻☻☻☻第五款：COLORTOOLCOLORTOOL網站介面最後再來介紹一款非常實用的工具，是由GOOGLE開發專門提供給UI設計師或前端工程師參考的配色網站，可以選擇網站上提供的色票去選擇主要想搭配的顏色或是自己輸入想要顏色的色號都可以，網站還提供各種不同常見版型的配色呈現參考，也能針對網頁上的字體顏色和透明度對於需要做網頁色彩搭配的人可以說是神器。

選擇好配色後，還能點選網站上Accessibility，還提供不同配色字體顏色適不適合呈現的參考，如果字體顏色不適合呈現在背景色上就會看到NOTLEGIBLE和驚嘆號標誌的提醒，也有透明度最小值的建議參考。

評分：實用：☻☻☻☻☻趣味：☻☻靈感：☻☻☻這次的配色工具介紹就到這邊，如果大家對各類配色工具還有興趣可以留言告訴我或是給我多點拍手，如果迴響好的話，我會再整理更多配色相關的內容，如果有其他設計相關想看的都可以留言告訴我喔。

想要追蹤最即時的訊息和內容，歡迎大家追蹤我的粉絲專頁，上面會定期分享各種跟設計有關的內容，Medium的文章也會轉到粉絲專頁分享。

粉絲專頁：郭政佑Kevin(歡迎分享轉載本文，如有轉載請註明來源！）我的其他熱門文章：Icon圖示免費下載:優質icon網站推薦－Flaticon看到喜歡的字體，不知道字體名稱怎麼找？3種方法分享給你超好用免費中英文字體下載網站防疫在家，推薦給你超過10個優質設計相關線上學習網站與課程學習平台(2020)如果想要支持我繼續創作，歡迎點選下方連結加入會員給我一個like，我就能夠得到收益，當然點選後你無須付出任何費用。

https://button.like.co/lotushj1聽說你想學設計聽說你想學設計DesignUIGraphicDesignColorsDesignTools462 claps462聽說你想學設計Hi大家好，我們是聽說你想學設計。

是由喜愛平面設計的凱文和喜愛動態設計尚儒一起共同經營我們專門分享平面設計和動態設計相關知識