什么是品牌色彩本地？
品牌色彩本地可以查看 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 小标记,提示在该色上的文字可读性。
- 我关心的某个品牌没收录,可以加一下吗?
- 清单优先收录全球范围内辨识度高的品牌,这样搜索框才有意义。我们刻意控制规模;如果是小众或本地品牌,通常直接打开它的官网「关于」页找色值更快。