Coolors線上配色平台,從生活中尋找配色靈感

梅問題-Coolors線上配色平台,從生活中尋找配色靈感
  配色一直是許多人的痛,要如何搭配不會產生違和感,還真是一門學問,這也讓許多人,時常為了配色而半天時間就不見了,而先前也分享過許多的配色平台,甚至也曾分享過到泰國旅行時,透過在地的招牌、文具找出配色的法則,借由平台或旅行從中找出配色的靈感,而最近梅干又發現另一個配色平台,除了可透過拖曳來進行配色外,還可透過生活中所拍攝中的照片進行選色,同時只需手機中所拍攝的相片即可,因此當下回配色卡卡時,不妨可利用此平台,與手機中所拍攝的照片,找出配色的靈感。

Coolors:
網站名稱:Coolors
連結網址:https://coolors.co/

Step1
進入網站後,點一下Start the generator 鈕。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step2
接著將滑鼠,移上色塊中,除了可以移動色塊,也可透過上方的控制桿,改變色彩。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step3
當要透過控制桿配色,除非已有配色的概念,否則還真是難下手,這時可選擇中間的相機圖示。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step4
接著點BROWSE IMAGE鈕,選擇圖片。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step5
這時就可將手機中,平常隨手拍攝的照片。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step6
當選擇完畢後,先點下方的色塊,再移動左上的探色器,移到圖片上進行選色。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step7
除了手動選色外,也可按下方的AUTO鈕,交由電腦幫你選色。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step8
若不滿意的話,可以一直點AUTO,就會一直重新選色,直到挑中自己喜愛的顏色。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step9
當選完色後,再將滑鼠移到上方,選擇REFINE,就可再作細部的微調。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step10
這時上方會出現四個項目,進行細部的調整。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step11
都微調後,再按EXPORT,將配好的色給匯出。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step12
選擇要匯出的格式,除了可匯出影像檔外,也可匯出網頁用的CSS檔。
梅問題-Coolors線上配色平台,從生活中尋找配色靈感
Step13
當匯出影像檔後,還可將剛所配好的色彩,建立到Adobe Color下,作為自己配色的素材,是不是超方便的呀!
梅問題-Coolors線上配色平台,從生活中尋找配色靈感

相關文章

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。