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

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

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

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

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

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

開始製作簡報、網站之後, 才深深體會到, 頁面的排版及色彩視覺感受絕對是在第一時間博得讀者的關注及繼續閱讀的重要關鍵. 除此之外, 對作品的專業形象有也有一定程度的加分效果. 一般我們最常使用的顏色挑選工具是色碼表, 或是文書編輯器 (例如: Word、PowerPoint)所提供的色盤.

不過, 這兩者所能提供的顏色有限. 如果你不是調色高手, 那麼, 可以利用平時瀏覽網站、社群媒體或是電子報時, 多注意頁面上的用色, 看到喜歡的顏色, 就用 ColorZilla 擷取並儲存顏色.  ColorZilla 除了可以即時辨別出該顏色的色碼代號, 也可以是你的顏色資料庫, 儲存你偏好的顏色.

​如果你在某個網站看到喜歡的顏色, 很想知道它的顏色代碼, 那麼 ColorZilla 絕對是最佳工具.
只要開啟 ColorZilla, 將滑鼠移到該顏色, 就能馬上看到該顏色的色碼. 而且, 它會記錄你曾經搜尋的顏色. 對於有色彩相關需求的設計者來說, 真的相當實用.

按這裡, 將 ColorZilla 加到Chrome.​

一個網站/網頁內容的顏色搭配很重要. 適當地使用顏色及好的配色邏輯可以快速地抓住訪客的注意, 也可以凸顯內容的架構及分類, 幫助訪客們能輕易地看出重點.
​
Weebly 在底圖背景顏色以及文字部分, 內建多種顏色的選擇, 如果還是抓不到自己喜歡的顏色, 也可以直接輸入顏色代碼, 就能輕鬆置入喜歡的顏色.​

不過, 問題來了, 要怎麼找到自己喜歡顏色的代碼? 這裡, 提供二種最簡單的方式給各位參考:

1. 色碼表 - 直接從色碼表找到對應顏色的代碼
2. ColorZilla - 線上顏色擷取工具 (Chrome 擴充應用程式) 

​

色碼表是最快能找到喜歡顏色代碼的方式. 文末所提供的色碼表格包含各種色系的淺深色代碼. 
到這個色碼表格挑挑喜歡的顏色, 就可以看到對應的顏色代碼. 
​

​