1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Alwane 透過網址名稱,立即取得網站中所用的色系與色碼

Alwane 透過網址名稱,立即取得網站中所用的色系與色碼

2022/01/18

梅問題-Alwane 透過網址名稱,立即取得網站的色系與色碼
  由於梅干個人職業病關係,每次當看到喜歡的網站時,就會使用Chrome內建的網頁開發人員工具中的選取工具,去選取網站中的色塊,並獲得該網站的色碼,再把這些喜歡的色碼,複起來,套用到自己的網站或是未來的專案中。

但每次都得一個一個慢慢選取,實在有些麻煩,因此最近梅干發現一個超酷的網站,只需輸入網址名稱,立即就會開始進行檢測,將網頁中的HTML或CSS、Javascript有用到的色碼整理起來,並一一的條列出來,因此透過這個平台,讓你可以快速的了解,每個站所用的色系與色碼為何,因此你也是像梅干也有這症逃的朋友,也一塊來看看囉!


Alwane
連結網址:https://alwane.io/

Step1
首先在進入Alwane這平台後,將要查尋的網址,輸入到左邊的輸入框中,輸入完畢後,再按extract colors
梅問題-Alwane 透過網址名稱,立即取得網站的標準色與輔助色
Step2
接著它就會將網頁中,所用到的色系全部一一的條列出來,接著再按上方的Code
梅問題-Alwane 透過網址名稱,立即取得網站的標準色與輔助色
Step3
這樣就可取得所有的色碼,如此一下來就更方便自行收集為素材啦!因此下回當看到喜歡網站的配色時,不妨可試試這平台囉!
梅問題-Alwane 透過網址名稱,立即取得網站的標準色與輔助色