coolors|行銷 設計必備免費配色網站

00.coolors intro

如果今天你需要設計一個網站,身為不是專業設計師的你,是否正在為網站的配色而煩惱到底要用什麼顏色,還是你是一個企劃人員,但是顏色配起來總是覺得不協調,又或者你是一名設計人員,正好缺乏配色的靈感,那正好你能收錄今天LEO要介紹的網站主角-coolors

網站名稱:coolors

連結網址:https://coolors.co/

coolors使用教學

01.coolors index

進入首頁,就能看到繽紛色彩,但只有兩個主要功能:

1、3、5:創造生產調色盤模式

2、4、6:瀏覽經典配色盤模式

創造生產調色盤模式(Generate)

功能1.隨機配色功能切換

02.coolors Generate Mode

進入產生調色盤頁面後,網頁隨機產生5種隨機配色,按下⌈空白鍵⌋即可置換另一組隨機配色,

功能2.顏色進階設定

03.coolors Modify

當你對其中的一個顏色有興趣,可將滑鼠移到該顏色區塊,顏色上會懸浮幾個圖示,分別功能為:

  1. 移除
  2. 查看漸層陰影
  3. 收藏顏色(需註冊)
  4. 移動
  5. 複製HEX代碼
  6. 鎖定顏色區塊

功能3.新增顏色區塊

04.Add Color

當滑鼠移動到兩顏色區塊間,會產生⌈⊕⌋圖示,點選後,兩個區塊間會生成兩種顏色混和後的區塊,產生效果如下圖

05.New Color

裡面還有些進階的功能,讀者可進入網站體驗,尤其是⌈色盲⌋配色模式可以體驗看看。

瀏覽經典配色盤模式

06.Trending color Explore

進入此模式後,就能根據流行、受歡迎的配色盤模式進行瀏覽,

功能4.調色盤進階設定

07.Open or copy palette

除了點擊調色盤顏色複製HEX代碼外,如果對該色盤配色感興趣,可以點擊右下角⌈…⌋圖示,功能分別為:

  1. 在創造生產調色盤模式開啟色盤
  2. 複製該配色盤頁面網址
  3. 讀取進階配色資訊
  4. 存取配色盤(需註冊)
  5. 輸出配色盤

 

結論

coolors雖說免費網站,但該有的功能卻一應具全,直覺的操作也是讓人愛不釋手,每當LEO寫程式UI需要配色操作介面,都會來這個網站尋找配色靈感,沒有藝術細胞的我,也能因為配色提升一個檔次,這麼好用的服務,不得不推薦給各為讀者收藏使用,尤其是需要常常設計的朋友們,希望你們喜歡。

發佈留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料