跳至主要內容
找不到符合條件的結果
  • 科技新聞
  • App 推薦
    • iOS App
    • Android App
  • 社群軟體
    • Instagram 教學
    • Line 教學
    • Facebook教學
    • Messenger 教學
    • Telegram教學
    • Discord 教學
  • 線上工具
    • Chrome 外掛
    • ChatGPT 插件
  • 教學
    • Ios 教學
    • Android教學
    • Mac教學
    • Homepod 教學
    • 加幣貨幣教學
    • 金融理財
  • 3C開箱
    • 3C家電推薦
  • 其它
    • 免費下載
      • 免費軟體
    • 遊戲
      • switch 教學
        • 動森
        • 寶可夢傳說 阿爾宙斯
  • 關於科技兔
熱門文章
  • IG 教學 2023
    • IG 下載教學
      • IG 照片下載
      • IG 影片下載
      • IG 限時動態下載
      • IG 精選限時動態下載
      • IG 大頭貼下載
    • IG 帳號教學
      • IG 刪除帳號
      • IG 關版
      • IG 找不到用戶
      • IG 備份下載
    • IG 限時動態教學
      • 偷看 IG 限動
      • IG 濾鏡特效推薦
      • IG、FB 限動同步
    • IG 實用技巧
      • IG 字體轉換
      • IG 被封鎖
      • IG 抽獎神器
      • IG 回覆訊息
      • IG 網址、IG 連結
  • Netflix 教學
    • Netflix 方案、帳號
      • Netflix 家庭方案
      • Netflix 學生方案
      • Netflix 帳號共享
    • Netflix 實用教學
      • Netflix 雙字幕
      • Netflix 多人共用帳號如何設定密碼?各別使用者設定 PIN 密碼鎖!教學
      • Netflix 1080p 怎麼設定?播放 Netflix 高畫質影片!免安裝擴充程式
      • 中華電信 Netflix MOD 方案怎麼申請?付費費用多少?2025
      • Netflix 如何封鎖影片/節目?隱藏不顯示 Netflix 特定影片、電影!教學
      • Netflix 如何下載影片?高畫質 Netflix 影片下載並離線播放!教學
      • Netflix 如何限制孩童觀賞內容?替兒童設定觀看影片限制!教學
    • Netflix 片單推薦
      • 5 部 Netflix 電影推薦 2025 電影排行片單!美國韓國台灣
      • 3部 Netflix 韓劇、韓國電影推薦 ,2025 最夯影集!
  • Disney+ 教學
    • Disney+ 方案、帳號
      • Disney+ 方案
      • Disney+ 帳號共用、註冊
    • Disney+ 實用教學
      • Disney+ 台灣大哥大搭配門號/手機/網路,五大優惠方案一次看!
      • 5 部 Disney+ 影集與電視劇 2025推薦!含美國
      • 5 部 Disney+ 電影推薦 2025 電影排行片單!含美國
科技兔
  • 科技新聞
  • App 推薦
    • iOS App
    • Android App
  • 社群軟體
    • Instagram 教學
    • Line 教學
    • Facebook教學
    • Messenger 教學
    • Telegram教學
    • Discord 教學
  • 線上工具
    • Chrome 外掛
    • ChatGPT 插件
  • 教學
    • Ios 教學
    • Android教學
    • Mac教學
    • Homepod 教學
    • 加幣貨幣教學
    • 金融理財
  • 3C開箱
    • 3C家電推薦
  • 其它
    • 免費下載
      • 免費軟體
    • 遊戲
      • switch 教學
        • 動森
        • 寶可夢傳說 阿爾宙斯
  • 關於科技兔
追蹤科技兔臉書
科技兔
首頁 線上工具 Chrome 外掛 Brandfetch 查詢網頁顏色色碼、字型、Logo圖案、16進制色碼(Chrome 擴充外掛)
  • Eason
  • 2020-08-22

Brandfetch 查詢網頁顏色色碼、字型、Logo圖案、16進制色碼(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的教學啦!

更多相關內容

  • Mate Translate 瀏覽器網頁翻譯器,逐字逐段翻譯!支援英文中文(Chrome 外掛)
  • Reader Mode 無廣告閱讀模式,可自訂顯示樣式、語音朗讀(Chrome外掛)
  • 【Dark Reader】將任何網站改成深色、黑色背景、夜覽模式(Chrome擴充外掛)
  • 【Checker Plus for Gmail】直接在Chrome瀏覽器上收發email,免進入Gmail(Chrome外掛)
  • FasterChrome 提升Chrome瀏覽器網頁速度,網頁加速器、先載入頁面(擴充外掛)
  • Trends Everywhere 在Google搜尋引擎顯示搜尋趨勢、關鍵字熱門度!教學
  • 【Avast SafePrice】線上比價工具,最優惠通知,免費獲得折價券(Chrome擴充外掛)
  • Chrome 閱讀清單,把 Google 網頁文章儲存起來稍後閱讀!

如果你喜歡學習各種科技軟體,想得知各種科技新知與資訊,歡迎追蹤科技兔的 FB 粉絲專頁、Instagram,以及Line 官方帳號。

加入好友
標籤
# chrome# Chrome擴充元件# Logo# 免費軟體# 品牌顏色# 擴充功能# 查詢網站字體# 查詢網頁字體# 瀏覽器外掛# 網頁字體# 網頁字體查詢# 網頁色碼# 網頁色碼查詢# 網頁顏色# 網頁顏色代碼# 網頁顏色搭配# 網頁顏色查詢# 網頁顏色表

其他人正在看

CheatSheet 一鍵顯示 MAC 應用程式軟體所有快捷鍵!

CheatSheet 一鍵顯示 MAC 應用程式軟體所有快捷鍵!

Chrome 分頁凍結如何開啟?Google 閒置群組分頁休眠不佔用記憶體!

Chrome 分頁凍結開啟:Google 閒置群組分頁休眠不佔用記憶體!

Chrome 記憶體不足怎麼辦? 5招釋放 Chrome 瀏覽器被佔用的空間!教學

Chrome 記憶體不足? 6招釋放 Chrome 瀏覽器佔用的空間!

Chrome 無痕模式如何開啟?MAC 快捷鍵打開 Chrome 無痕視窗!教學

Chrome 無痕模式如何開啟?MAC 快捷鍵打開 Chrome 無痕瀏覽視窗!教學

Chrome 瀏覽器書籤如何匯出?怎麼匯入書籤到 Chrome?完整教學

Chrome 瀏覽器書籤如何匯出?怎麼匯入書籤?完整教學

Chrome 如何網頁長截圖?教你一鍵網頁全畫面截圖!免安裝外掛或App

Chrome 如何網頁長截圖?一鍵網頁全畫面截圖!免安裝外掛或App

Chrome 如何清除快取?教你一鍵刪除Chrome 瀏覽器快取資料!

Chrome 如何清除快取?教你一鍵刪除Chrome 瀏覽器快取資料!

Chrome 分頁群組怎麼用?Google Chrome 瀏覽器開啟分頁群組!功能教學

Chrome 分頁群組怎麼用?Chrome 瀏覽器開啟分頁群組!功能教學

Google Chrome 閱讀清單,把想稍後閱讀瀏覽的網頁文章先存起來!教學

Chrome 閱讀清單,把 Google 網頁文章儲存起來稍後閱讀!

FasterChrome 提升Chrome瀏覽器網頁速度,網頁加速器、先載入頁面(擴充外掛)

FasterChrome 提升Chrome瀏覽器網頁速度,網頁加速器、先載入頁面(擴充外掛)

Mate Translate 瀏覽器網頁翻譯器,線上逐字逐段翻譯!支援英文中文(Chrome 外掛)

Mate Translate 瀏覽器網頁翻譯器,逐字逐段翻譯!支援英文中文(Chrome 外掛)

Chrome 自動開啟關閉的分頁,重開瀏覽器免開新分頁!教學

Chrome 自動開啟關閉的分頁,重開瀏覽器免開新分頁!教學

關於我

Eason
你好,我是科技兔網站創辦人 Eason,平時喜歡寫作,熱愛研究各種 3C 科技產品,擅長寫各種3C開箱、軟體、產品、APP 詳細圖文教學文章。
歡迎科技產品業者找我業配。

訂閱電子報

使用電子郵件訂閱網站,每天收到最新科技文章通知。

未經授權請勿轉貼 | 商業業務合作,歡迎來信洽詢:
techrabbit.biz@gmail.com

Copyright © 2025 科技兔