配色/選色工具

顏色的搭配真的是一門學問. 根據一項實驗證明, 視覺是我們五個感官功能中最強大的. 大腦對於視覺的吸收程度高達83%. 也就是說, 當對方還沒閱讀文字之前, 大腦就有可能透過視覺所傳遞的訊息對你作品的內容 (網站、簡報、平面宣傳等等) 下了初步的評斷. 所以, 顏色的使用和搭配真的很重要哦!

這裡, 我們要介紹幾個很棒的線上選色/配色工具網站.  當你正在為如何選色/配色困擾時, 不妨試試這些工具, 找找靈感. 

• ​Colordot​​
• Coolors
• ​Canva - Color

​colordot

Colordot 是一個極簡的選色/配色網站.  大大頁面, 任你移動滑鼠挑選喜歡的顏色.
按下滑鼠左鍵, 就能鎖定顏色後, 再繼續移動滑鼠, 選擇第二個顏色. 對比著旁邊鎖定的顏色, 可以更直覺地挑選出適當的配色.

[步驟]
1. 隨意移動滑鼠. 就可以看到不同顏色的轉換, 以及相對應的色碼.

2. 找到喜歡的顏色, 按一下滑鼠左鍵, 就能鎖定該顏色.
​    然後在鎖定顏色的右方...繼續移動滑鼠 + 選色+ 鎖定...    

3. 如果想要移除某幾個顏色, 只要點擊 "x", 就能移除該顏色了.....    

[結論]

簡單的頁面, 大大的色塊, 更容易挑色/ 配色, 也能即時看到顏色色碼.

---

Coolors

​如果靈感缺缺, 實在不知道怎麼找出合搭的顏色, 那就是試試 Coolors.
Coolors 提供兩種選色/配色方式: 

• Explorer: 參考別人的配色, 找靈感!
• Make a Palette: 自己挑色, 自己配色, 建立自己的調色盤

Explorer:
這裡有許多不同風格的色塊搭配. 只要將滑鼠移到喜歡的色塊, 就可以看到色碼. 

你可以點擊色塊右下方的 "..." , 儲存或是編輯這些色塊

Make a Palette (Generate): 
除了參考別人的配色方式, 當然也可以除了參考別人的配色方式, 當然也可以自己配色
在這裡, Coolors 會隨機給你一組配色. 
任意點擊其中的色塊, 可以針對該色塊做個別的設定, 例如移除、鎖定..等等

還可以查看該顏色的漸層, 更換為自己喜歡的深淺

---

Canva - color

Canva 是一個知名的平面設計工具, 有多種好用又超具設計感的平面範本. 不過, 卻很少人知道, Canva也提供色盤以及配色功能. 相較於其他的選色/配色網站, Canva Color 不單單只是提供色塊, 它在提供配色的同時, 還提供實際應用的方式及範例. ​

進入 Canva - Color 頁面之後, 可以看到四個主要功能:

• Color palette generator (調色盤產生器)
• Color palette ideas (調色盤組合)
• Color wheel (色輪) 
• Color meanings (顏色的含意)

Color Palette generator (調色盤產生器)
上傳圖片, Canva -  Color 就會自動幫你分析圖片的色系搭配

Color Palette idea (調色盤組合)
這裡可以看到各種調色盤組合. 提供多種選色/配色的靈感!​

Color wheel (色輪)
你可以用滑鼠隨意轉動色輪: (1) 挑選喜歡的顏色, (2) 選擇顏色的組合方式 (例如: 同色系, 補色..等)..頁面背景就會以該顏色顯示. 再搭配適當的文字顏色.
接著, 你還可以按下 "Create a graphic", Canva 就會自動幫你篩選出該色系的範本.

這裡, 可以看到這些範本是如何應用該顏色? 如何用其他的顏色搭配? 應該可以找到許多發揮的靈感!

---

Loading...