Coolors 是一個非常棒的線上配色網站，可以替你的網頁進行配色，提供多種顏色色調參考、可以自動配3~5種顏色，每種顏色都提供色調色階選項，可以讓你選定某種顏色下由深到淺的進行顏色色階選擇。另外還有漸層背景工具，可以讓你輕鬆選定好看的漸層背景顏色，可複製 CSS 語法或是下載漸層背景圖片。
先前有介紹過一些線上配色網站，例如「Adobe color 」可以線上自動幫你調配五種好看的顏色，也可以幫你分析顏色對比度；「0to255」則提供了色調色階選擇器，可以讓你選定一種顏色之後，替該顏色由深到淺列出各種色階給你參考。有需要的人也可以用用看這兩款工具。
而 Coolors 則是一款非常強大的線上配色網站， Adobe color 跟 0to255 所提供的功能，Coolors 這個網站都有提供，而且還非常強大，整合多種功能，讓你可以輕鬆找到你喜歡的配色，並且用在自己的網站或是網頁設計，相當好用。
Coolors 線上配色網站、網頁色調選色、色階色票、漸層背景
下面教學 Coolors 這個線上配色網站的各種功能，包含自動配色、色調色階選色、漸層背景調色等等。
Coolors 線上配色網站
點擊下方網址，前往 Coolors 這個線上配色網站。
▼進入 Coolors 網站之後，點擊「Start the generator!」開始進行選色與配色。
線上配色、自動調色、網頁選色
▼Coolors 一般會提供五種自動調色色彩，每種色彩都會提供色票 HEX 值，可以直接複製貼上。
當你想看下一種色調組合時，直接按鍵盤「空白鍵」就可以直接看下一組了。
▼更棒的一點是，Coolors 還允許你鎖住其中一種顏色，點選該顏色上面的按鈕「Toggle lock」就可以鎖住該顏色了。
▼點選 Coolors 顏色上面的「Copy HEX」就可以直接複製該顏色色碼了，相當方便。
顏色色階、色調由深到淺
▼Coolors 還提供了由深到淺的顏色色階可以讓你替換顏色，點擊「View shades」來看該顏色的色階。
▼接著 Coolors 就會列出你選定的顏色所有由深到淺的色階，方便你進行顏色色調的選擇。
選擇 2~5 種顏色色調組合
▼Coolors 配色網站預設提供五種自動配色結果，如果你覺得五種顏色太多，可以在某種顏色上選擇「Remove color」就可以踢除該顏色了。
▼刪除顏色之後，就會從原本五種顏色配色，變成四種顏色配色了，然後你就可以繼續按「空白鍵」來看更多的顏色組合。
Coolors 漸層背景工具，可自行線上配色
▼Coolors 線上配色網站還提供漸層背景工具，點擊上方「More」>「Create a gradient」，就可以前往漸層背景工具了。
▼然後你就可以自行調配你想要的漸層背景，可以選擇三種顏色來進行漸層背景的顏色調配，還可以選擇漸層背景的方向，選完可以複製 CSS 或是下載圖片。
▼如果你懶得自己調配漸層背景顏色，下方還有已經調配好的漸層背景顏色，你可以直接複製 CSS 或是下載圖片，相當方便。
Coolors 基本上是一款非常強大的線上配色網站，基本上幾乎可以完成所有你需要的配色，無論是網頁配色、各種文字顏色、網頁背景顏色，還是你想要針對各種海報、視覺設計、廣告文案、DM …等等進行選色，Coolors 都可以滿足你的需求。
總結
1.Coolors 是一個線上配色網站，預設自動幫你配五種顏色，你可以自行刪減成2~4種。
2.Coolors 可以讓你鎖住特定顏色，然後再針對特定顏色進行線上配色，並且提供色階色調選擇器，可以讓你選定某種顏色的深淺，非常方便。
3.Coolors 還提供了漸層工具，你可以自己對漸層背景進行配色，或是下載已經配好色的漸層背景。
