重點整理
Brandfetch 是查詢品牌 Logo、品牌色、字型與圖片素材的平台，官網已從 brandfetch.io 搬到 brandfetch.com，Chrome 擴充功能也仍在架。用法有兩種：在官網搜尋框輸入品牌名稱或網址，或在想查的網站上點 Brandfetch 擴充功能圖示，就能看到該品牌的 Logo、色碼與字型，點色塊即可複製色碼。
看別人的網站找設計靈感時，常常會想知道「這個藍色到底是哪個色碼」「這個 Logo 有沒有向量檔」。用截圖再吸色，顏色常會有誤差；打開原始碼找 CSS 又太費工。Brandfetch 把各品牌的 Logo、顏色、字型整理成一頁，查起來比自己挖快得多。這篇介紹 Brandfetch 的兩種用法：官網搜尋與 Chrome 擴充功能，以及使用品牌素材時要注意的授權問題。
Brandfetch 是什麼？
Brandfetch 是一個品牌資料平台，收錄大量公司的品牌素材，包括：
- Logo 與圖示：常見的有橫式 Logo、圖示（Icon）、深色與淺色版本。
- 品牌色：主色、輔助色的 HEX 色碼。
- 字型：品牌使用的字體名稱。
- 圖片與公司資訊：橫幅圖、公司簡介等。
2026 年 10 月確認，Brandfetch 官網已經從早期的 brandfetch.io 改為 brandfetch.com（舊網址會自動轉過去），定位也從「抓網站外觀的小工具」變成「品牌資料平台」，除了給設計師查素材，也提供 API 給開發者串接。品牌擁有者可以「認領」自家品牌，自行上傳官方素材，所以有認領的品牌資料通常比較正確。
方法一：在 Brandfetch 官網搜尋品牌
最簡單的方式是直接到官網，在搜尋框輸入品牌名稱或網址，例如 Google、Notion。搜尋結果會列出相符的品牌，點進去就能看到該品牌的素材頁。不是每個網站都查得到，規模較小的品牌可能沒有收錄。
品牌頁會依分類列出 Logo、顏色、字型等外觀設定。點 Logo 可以下載，點色塊可以複製色碼。
方法二：安裝 Brandfetch Chrome 擴充功能
如果常常邊逛網站邊查色碼，可以安裝擴充功能，省去切換分頁的時間。
步驟一：到 Chrome 線上應用程式商店安裝
打開 Brandfetch 擴充功能頁面，按「加到 Chrome」，再按「新增擴充功能」。2026 年 10 月查詢時，商店頁顯示版本 4.1.4，開發者聲明不會收集或使用使用者資料。
舊版擴充功能第一次使用時需要用 Email 取得存取代碼（Access Token），下圖是當時的畫面。新版的登入方式與使用限制可能已經不同，請以安裝後實際看到的畫面為準。
步驟二：在想查的網站點擴充功能圖示
進入任何一個網站，點瀏覽器右上角拼圖圖示裡的 Brandfetch，就會跳出該網站品牌的 Logo、顏色、字型與圖片。點 Logo 可以下載，點顏色可以把色碼複製到剪貼簿，不用打開原始碼慢慢找。
下載別人的 Logo 可以直接用嗎？
不行隨便用。Brandfetch 方便的是「查」和「拿到正確的檔案」，但 Logo 與品牌素材的權利仍屬於品牌本身。常見可以使用的情境是：
- 在自家網站列出「合作夥伴」「客戶」「付款方式」等，且對方同意或品牌指南允許。
- 做簡報、內部提案、設計參考。
拿來做自己的商品、廣告，或讓人誤以為你跟該品牌有合作關係，都可能侵權。正式使用前，請先找該品牌官網的品牌指南（Brand Guidelines）或媒體資源頁確認規範。只是要找配色靈感的話，也可以參考 Simple Icons 與 Brand Colors 色碼查詢，或用 ColorZilla 直接吸取網頁上的顏色。
常見問題
Brandfetch 要付費嗎？
一般查詢不一定要付費，官網首頁就能直接搜尋品牌；擴充功能也可以免費安裝。開發者用的 API 與進階功能另有方案，額度與價格會調整，請以 Brandfetch 官網的說明為準。
為什麼有些網站用 Brandfetch 查不到？
Brandfetch 的資料是品牌庫，不是每個網站都有收錄，規模較小或新成立的品牌常常查不到。這時可以改用吸色工具或瀏覽器開發者工具，直接從網頁上取得色碼。
brandfetch.io 和 brandfetch.com 是同一個網站嗎？
是同一個，Brandfetch 官網已改用 brandfetch.com，輸入舊的 brandfetch.io 會自動轉到新網址。
結語
Brandfetch 能快速查到品牌的 Logo、色碼與字型，不用進後台、也不用翻原始碼，對剛開始學網頁設計的人來說，也是觀察大品牌如何搭配顏色的好教材。查到素材後記得分清楚「參考」和「使用」：拿來學配色沒問題，要放進自己的作品或廣告，就先確認品牌的使用規範。