實用的配色網站(1)
累積自己的配色資料庫
今天要來分享5個我個人很愛用的配色網站,如需快速製作圖文或是配色沒靈感時,不妨來這幾個網站配配看,建構自己的色彩資料庫~
網站總覽:
▸ Adobe Color:由Adobe開發的線上配色網站。
▸ Palettable:線上色彩產生器。
▸ Nipponcolors:主要收錄日本傳統色票的網站。
▸ Coolors:自動配色工具,它可以在網站上快速生成顏色。
▸ Color hunt:收錄配色和色碼卡的收集本。

Adobe Color 是由Adobe開發的線上配色網站,它可以使用色輪或是影像建立調色盤,透過旁邊的類別,能快速看到不同的配色組合形式,利用「基色」去轉動色輪,配色會更直覺!可以參考以下的操作影片。
利用「基色」去轉動色論,配色會更直覺!
也可至上方欄位使用「擷取主題」、「擷取漸層」、「協助工具」,都非常的好用,只要上傳照片,他就會抽取影像中的顏色,當然還可以自由調整,這邊展示「擷取主題」的呈現操作影片,「擷取漸層」也是同樣的道理喔~
「擷取主題」的操作影片
「協助工具」也很有趣,你可以選擇想使用的工具,他總共有兩種分類:「色盲友好」及「對比檢查器」,這兩個工具在執行做圖上都是很棒的參考,這邊展示「對比檢查器」的操作影片,能快速瀏覽你的配色對比度是否足夠,在網頁配置上是很方便的工具。

Palettable 是一個線上色彩產生器,可以透過檢色器設定你想要的顏色,網站上還有快捷鍵,喜歡這個配色可按下「L」,不喜歡則按「D」,然後它就會幫你再配出下一個顏色,最終它會配出五種顏色給你,你可以在輸出成「url」或是「png」的圖檔,也非常的方便的工具。
最終它會配出五種顏色給你,你可以在輸出成「url」或是「png」的圖檔

Nipponcolors 是一個主要收錄日本傳統色票的網站,如果你也喜歡柔和的配色呢,這個網站絕對很適合你,網站上除了標示最基本的「CMYK」、「RGB」、「十六進位碼」的色碼數值,也可以參考顏色名稱,在提案上多了顏色名稱,會有種更獨特、更專屬的感覺喔!
Coolors 是一個自動的配色工具,它可以在網站上快速生成五種顏色給你,按下「Start the generator!」就會隨機生成,上面的功能很多,可以了解對比狀態、調整明度、輸出…等功能都有,可以參考操作影片。
除此之外,它一樣也可以上傳照片,按下「Create palette from photo」擷取影像中所出現的顏色,也能快速瀏覽色碼,「Create a collage」能組成色票版型,並輸出成圖片,在「Export」的地方,能輸出多種類型,真的是個很強大的配色網站,可參考操作影片。
還能輸出多種類型

Color hunt 是一個收錄配色和色碼卡的收集本,透過這個網站你可以快速瀏覽哪一組配色是大家比較喜愛的,左邊的分類非常多元,最常用大概是四季的顏色分類,透過分類讓你更清楚顏色上的使用,複製色碼也很方便,點擊色碼即複製,偶爾也可以來這個網站上淘一些色票的靈感,相信能帶給你很大的幫助!
文章結束,感謝你的閱讀,如果你喜歡我的文章也歡迎透過 👉「贊助系統」支持我的寫作,你們的鼓勵,將是我持續寫下去的動力,有任何設計需求與設計交流都歡迎來信,謝謝支持!
- Instagram: dddotty
- happentomeetdesign@gmail.com
這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。