什麼是品牌色彩本機？
品牌色彩本機可以查看 100 多個知名品牌（如 Google、Spotify、Netflix 等）的官方配色方案。一鍵複製十六進位色值，用於設計、簡報或開發工作。
品牌依十個分類整理:科技、社群媒體、餐飲、金融、娛樂、零售、汽車、運動、醫療健康與旅遊出行。每張卡片列出公開品牌指南中的官方主色、輔色與點綴色,可一鍵以 HEX、RGB 或 HSL 任一格式複製。搜尋框依品牌名比對,分類晶片能縮小範圍,讓你把同類公司並排比較。
使用方法
- 按分類瀏覽品牌，或透過搜尋框尋找特定品牌名稱。
- 用格式切換鈕選 HEX、RGB 或 HSL,再點任一色塊即可依所選格式複製該顏色。
- 查看每個品牌的完整配色,再依需求取用:點色塊複製單一顏色,點「全部複製」取得逗號分隔的 HEX 清單,點 CSS 複製為自訂屬性,點 Tailwind 複製配色區塊,或點 PNG 下載色卡圖。
何時使用
- 做簡報時引用真實品牌,需要色彩精確的 logo 配色
- 找配色靈感時參考同行對手或想對標的品牌
- 做聯名活動的落地頁,得在幾秒內拿到雙方品牌的標準色
結果
你正在製作一份涉及 Spotify 的投影片。搜尋「Spotify」，找到其品牌綠色（#1DB954），一鍵複製即可在設計工具中使用。
常見問題
- 這些品牌色的色值是哪裡來的?
- 都來自各品牌公開的識別規範或媒體包,如果有 logo SVG 我們會再校對一次。我們不主張任何商標權——這些色值只是設計參考,不代表官方背書。
- 我能把這些顏色用在自己的設計嗎?
- 色值本身不受版權保護,但品牌整體識別受保護。用在草稿、樣稿、比較稿、評論內容都沒問題;如果作品會讓人誤以為你和該品牌有關,先看一下對方的商標政策。
- 為什麼有的品牌列了四五個顏色,有的只有兩個?
- 我們照搬官方公布的內容。Google 的字母 logo 由四個主色組成,所以列了四個;而 Apple 官方調色盤刻意只用黑、銀與一個藍色點綴,所以只有三個。
- 能一次把整份清單匯入 Figma 或開發環境嗎?
- 可以,每張品牌卡片都有專屬的匯出列。「全部複製」會把整套配色以逗號分隔的 HEX 清單放進剪貼簿,CSS 按鈕把它複製成可直接貼上的自訂屬性(例如 --tesla-red: #CC0000;),Tailwind 按鈕複製一段以品牌名為鍵的 tailwind.config.js 配色區塊,PNG 按鈕則儲存一張乾淨的色卡圖,方便放進簡報。你仍可用格式切換選 HEX、RGB 或 HSL 並逐一點選色塊,每個色塊也會顯示 AA/AAA 小標記,提示在該色上的文字可讀性。
- 我關心的某個品牌沒被收錄,可以補嗎?
- 清單以全球辨識度高的品牌為主,這樣搜尋框才有意義。我們刻意控制規模;若是小眾或在地品牌,通常打開它的官網「關於」頁找色值更快。