BrandColors 是一个品牌视觉与网页设计参考资料库,由 DesignBombs 创建,目标是整理设计工作中经常需要查找的品牌色彩代码。网站以品牌为单位呈现颜色信息,收录对象覆盖科技、媒体、零售、教育、交通、金融、餐饮等多个领域的知名品牌。与只展示单一调色板的页面不同,BrandColors 将大量品牌集中在同一份持续扩充的集合中,并为每个品牌列出一组编号颜色代码,便于围绕具体品牌查阅其配色资料。官网介绍称,该项目已经收录 600 多个品牌和 1600 种颜色,并获得超过 200 万次页面浏览。
核心功能
品牌色彩代码集合
页面按照品牌名称分组展示色彩代码。从 500px、Adobe、Airbnb、Amazon,到 GitHub、Google、Microsoft、Nike、Spotify 和 YouTube,用户可以在同一集合中看到大量品牌条目。每个条目下方使用编号列出对应的颜色代码,例如 500px 的代码为 0099e5、ff4c4c 和 34bf49,Adobe 则列出 ff0000、fbb034、ffdd00 等多组代码。
多品牌集中参考
BrandColors 的重点不是介绍某一个品牌,而是提供一份集中式的品牌色彩参考。页面从 500px 一直列出到 Zopim,涵盖互联网产品、软件框架、社交平台、媒体机构、大学、航空公司、汽车品牌、酒店和公益组织等不同类型的名称。不同品牌的颜色数量并不相同,有的品牌只列出一种颜色,例如 About.me、Alibaba 和 Spotify;也有品牌列出多组颜色,例如 Airbus、American Red Cross、Channel 4 和 Sony。
按品牌查看颜色代码
每个品牌都以独立标题呈现,标题下方紧接着对应的编号列表。这样的组织方式让品牌名称与颜色代码保持直接对应关系:查看某个品牌时,可以连续读取该品牌的全部代码,而不需要从一张混合色板中猜测颜色属于哪个品牌。页面中的代码以短字符串形式展示,官网将这些内容定义为 brand color codes。
覆盖多种品牌类型
集合中的条目不仅包含商业公司,也包含开源项目、开发工具、编程语言、大学和公共机构。例如页面收录 AngularJS、Arch Linux、Django、Docker、JavaScript、Python、React、Ruby、TypeScript、Vue.js 等技术相关名称,也收录 Massachusetts Institute of Technology、University of Cambridge、University of Michigan 等高校,以及 American Red Cross、United Way 和 World Organisation of the Scout Movement 等组织。对于需要参考不同机构视觉色彩的场景,这种范围较广的收录形式提供了统一入口。
持续扩充的资料库
官网说明该集合“always growing”,也就是仍在持续增加。About 页面同时给出当前规模:超过 600 个品牌、1600 种颜色,项目累计获得超过 2 million pageviews。网站还注明内容由 @brandcolors 和朋友们策划整理,说明这些品牌色彩代码并非单一品牌页面,而是由项目维护者与参与者共同整理的集合。
使用方式
BrandColors 以网页集合的形式提供内容。打开页面后,可以从品牌条目中查看对应的编号颜色代码;每个品牌的名称和代码直接排列在页面正文中。官网正文没有说明注册流程、客户端、浏览器插件、API、命令行工具、导入导出功能或自备模型 Key,因此当前可确认的使用方式是浏览这份按品牌整理的在线参考集合。
适用人群与场景
网页设计师可以将其作为查找品牌色彩代码的参考资料,在处理 500px、Adobe、Airbnb、Google、Microsoft 等品牌相关设计时查看对应条目。品牌与视觉设计人员可以按品牌核对多组颜色代码,了解同一品牌在页面中列出的完整配色。前端开发者可以查阅技术项目和软件品牌的颜色代码,例如 GitHub、Docker、React、Vue.js 与 WordPress。需要整理高校、公益组织、交通或媒体品牌视觉资料的人员,也可以利用页面中对应的机构条目进行集中参考。
注意事项
官网提供的是品牌色彩代码参考集合,正文没有进一步说明代码的格式转换、色彩使用规范、授权范围或每个品牌代码的来源说明。页面还明确表示集合仍在持续增长,因此收录品牌与颜色数量可能继续变化。