coolors 教學

COOLORS|主視覺、色票收集免費線上工具

前言

很多時候在做設計時,找尋合適的顏色總是佔了最多的時間,
往往找到喜歡的顏色,但卻找不到其他適合的顏色來做搭配,
這時候 coolors 就是非常好用的線上免費工具。

網站:Coolors
網址:http://coolors.co/
性質:免費

使用教學

Step1 進入網站

點選網址後,選擇下面的 start the generator 即可不用註冊直接開始來找尋色票

Step2 空白鍵生成隨機顏色

接下來就會看到隨機五個顏色的調色盤,這時候 coolors 方便的地方就是可以快速找到想要的顏色,僅需要一直按「空白鍵」,色票就會不停地更換

Step3 保存喜歡的顏色

喜歡的顏色只要用滑鼠,點選LOCK的符號,此色票就會被固定,可以繼續點空白鍵找尋下個顏色,點選上面的「複製」即可快速的複製色票的HEX編碼來應用

Step4 新增新的色票欄

如果需要很多色票,在右邊點選「+」的符號,也可以來進行擴充

右欄新增新的顏色

Step5 參考其他人的顏色組合

除了自己找顏色以外,比較快的方式也可以參考別人公開的調色盤,會有許多很棒的配色可以直接參考!

coolors 教學
別人的調色盤。會從按讚數最多的開始推薦

結語

coolors的功能,也是當初團長架設網站時,尋找網站主視覺設計所使用的,免費註冊會員還可以儲存喜歡的色版,對於設計師和網頁前端工程師,會是很有效率的小工具呢!