Skip to content
  • App 推薦
    • Ios
    • Android
  • 社群軟體
    • Instagram 教學
    • Line 教學
    • Facebook教學
    • Messenger 教學
    • Telegram教學
  • 線上工具
    • Chrome 擴充程式外掛
  • 教學
    • Ios 教學
    • Android教學
    • Mac教學
    • Homepod 教學
    • switch 教學
      • 動森
  • 3C開箱與評測
    • Apple
    • Samsung
    • DJI
  • 免費軟體
    • Windows
    • MAC
    • Linux
  • 免費下載

科技兔

網路熱門APP(Android、iOS),免費軟體下載,App教學,3C評測與開箱,熱門社群應用,線上工具,軟體教學

Brandfetch 查詢網頁顏色色碼、字型、Logo圖案、16進制色碼(Chrome 擴充外掛)

2020-08-222020-08-22Categories Chrome 擴充程式外掛, 線上工具

Brandfetch 查詢網頁顏色色碼、字型、Logo圖案

Brandfetch 是一個可以讓你快速抓取網頁顏色色碼的網站,一般網頁設計時,你可能會想知道別的網站都使用什麼樣的色碼,工程師可能需要花點時間查詢,但使用Brandfetch可以讓你一鍵查詢任何網站的網頁所使用的色碼,相當方便。

下面教學怎麼使用Brandfetch 抓取網頁顏色色碼。

Brandfetch 抓取網頁顏色色碼教學

▼首先,點選上方網址,前往這個「 Brandfetch」Chrome外掛插件,進到官方下載頁面,點選安裝即可。安裝完之後,瀏覽器的右上角會出現Brandfetch的小圖示。

  • Brandfetch抓取網頁色碼、字型、Logo  Chrome 擴充外掛

Brandfetch 查詢網頁顏色色碼、字型、Logo

▼安裝好這個外掛之後,Chrome瀏覽器右上角會出現該外掛名稱「Brandfetch 」,點擊它執行。

Brandfetch 查詢網頁顏色色碼、字型、Logo

▼之後「Brandfetch 」這個外掛會要求你輸入Token,而要獲取Token需要先註冊,所以點擊「Your account」就可以前往註冊這個外掛。

Brandfetch 查詢網頁顏色色碼、字型、Logo

▼註冊好帳號之後,你會收到信箱認證信,到信箱收取認證信,你會跟著收到「Access token」,並且Brandfetch 會告訴你,這個外掛只允許你每個月查詢三百次網頁顏色代碼、Logo、字型的資訊。只要三百次,但應該很夠用了。

Brandfetch 查詢網頁顏色色碼、字型、Logo

▼接下來回到Chrome瀏覽器,點選Brandfetch 這個外掛,輸入該Access token,你就可以開始使用啦!點選任何網站,再點選瀏覽器右上角Brandfetch 小圖示,你就會看到這個網站使用的顏色代碼、Logo、字型…等資訊,相當方便。Brandfetch 會列出這個網站所主要使用的顏色,點擊顏色色塊,你就會直接複製顏色代碼了。

Brandfetch 查詢網頁顏色色碼、字型、Logo

▼任何網站都可以查詢,例如經理人網站的顏色代碼就是朱紅色的,想要知道這個網站使用的十六進制顏色代碼,只需要點選一下顏色色塊,就會直接複製了,相當方便。

Brandfetch 查詢網頁顏色色碼、字型、Logo

上面就是使用Brandfetch 查詢任何網站顏色代碼、字體、Logo的教學啦!

另外,如果你喜歡看各種App推薦與教學、社群軟體教學、3C科技產品開箱、免費資源軟體下載、線上工具教學等等,歡迎追蹤科技兔的 FB 粉絲專頁、Instagram,以及Line 官方帳號。

更多App、線上工具教學:

  • Web TikTok 抖音網頁版,在Chrome 瀏覽器使用抖音 App!
  • Chrome 分頁群組怎麼用?Google Chrome 瀏覽器開啟分頁群組!功能教學
  • Google Chrome 閱讀清單,把想稍後閱讀瀏覽的網頁文章先存起來!教學
  • 品牌顏色網站Brandfetch,一鍵搜尋網站品牌顏色色碼、Logo、字體字型!
chrome, Chrome擴充元件, Logo, 免費軟體, 品牌顏色, 擴充功能, 查詢網站字體, 查詢網頁字體, 瀏覽器外掛, 網頁字體, 網頁字體查詢, 網頁色碼, 網頁色碼查詢, 網頁顏色, 網頁顏色代碼, 網頁顏色搭配, 網頁顏色查詢, 網頁顏色表, 網頁顏色設定

文章導覽

Previous Post 工具邦查詢空氣品質指數(AQI)、PM2.5、PM10!空氣品質查詢教學
Next Post IG「為你推薦」好友的建議貼文,如何開啟關閉?類似帳號推薦設定教學

搜尋我們的文章

熱門精選文章

  • 【Enable Copy 教學】Chrome 破解右鍵網頁封鎖,複製網頁文字、圖片(Web)
  • Stream Video Downloader 網頁串流影片下載,免安裝軟體(chrome 擴充外掛)
  • Chrome 音量調整控制大小,瀏覽器分頁設定不同音量大小(Chrome 外掛)
  • AHA Music 一鍵辨識瀏覽器網頁播放的音樂歌名(Chrome 外掛)
  • 【學術搜尋】Google學術搜尋按鈕,一鍵查詢相關論文(Chrome)
  • WhatFont 找出網頁使用的字體字型大小、顏色、間距、行距(Chrome 外掛)
  • Image Downloader 快速下載網頁中所有圖片,一鍵儲存(Chrome 外掛)
  • IG 私人帳號限時動態下載、偷看,不留觀看紀錄!教學
  • IG 精選動態下載:2款超好用 Instagram 精選限時動態&封面下載工具
  • IG Story:5款超好用 IG 限動下載、精選限時動態下載工具!匿名觀看

最新文章

  • Pxhere 無版權免費圖庫,全部 CC0 授權免費圖片,可商用個人用
  • 照片搜尋引擎:4款好用以圖搜圖、圖片搜尋功能的網站&App推薦
  • 免費圖片圖庫:11個免費高畫質無版權圖片下載,CC0授權可個人用、商用
  • 線上圖片去背:10款超好用免費照片移除背景圖工具!軟體推薦免安裝
  • Photoscissors 免費圖片去背工具,線上一秒替照片去背,可下載PNG

友站連結

知識家
全民學英文

合作邀約

任何合作與邀約歡迎聯繫: techrabbit.biz[@]gmail.com

問題回報

本網站所提供的連結均來自於開發商的官方載點,連結安全性請自行斟酌。

下載載點如有錯誤,請您來信,本站將立即修正。
連絡信箱:techrabbit.biz[@]gmail.com

找你感興趣的文章

facebook instagram pinterest
科技兔 © 2021 All rights reserved.
  • App 推薦
    • Ios
    • Android
  • 社群軟體
    • Instagram 教學
    • Line 教學
    • Facebook教學
    • Messenger 教學
    • Telegram教學
  • 線上工具
    • Chrome 擴充程式外掛
  • 教學
    • Ios 教學
    • Android教學
    • Mac教學
    • Homepod 教學
    • switch 教學
      • 動森
  • 3C開箱與評測
    • Apple
    • Samsung
    • DJI
  • 免費軟體
    • Windows
    • MAC
    • Linux
  • 免費下載