欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

顶尖灵感库!专门收录世界知名品牌标准色的BrandColor_html/css_WEB-ITnose

程序员文章站 2024-02-06 15:45:16
...
一般在品牌商标(Logo)使用规范中,都会对颜色、书写字样或留白等细节提供详尽的说明,其中最被使用者熟悉的「标准色」就是设计里相当重要的一环。所有品牌都会有其最常使用的颜色,而这颜色通常会被用户记忆在脑海里,例如 Facebook 的蓝色、Yahoo 的紫色、Spotify 的绿色等等,虽然大略知道这颜色,却很难准确说出它的色码(只有设计师才有这种天赋吧!),如果需要时该去什么地方搜寻呢?

国外有个名为 BrandColors 的网站收集了世界知名品牌、企业公司、网络服务使用的标准色,内建搜寻查找功能,还可以一键显示该颜色色码 HEX 值,并勾选你需要的品牌颜色来把色票文件快速下载到计算机里,支持 ASE(like ACO)、SCSS、LESS 和 CSS 格式。

虽然工作上几乎不会用到这些数据,但也很好奇地在这网站逛了一下,发现很多网络服务都与蓝色脱离不了关系(看起来特别具有科技感?),如果你的工作会需要和颜色长时间相处,那么 BrandColors 也许是个寻找 配色 灵感的好地方。

关于HEX 和RGB 的转换,参见: http://imgk.zol.com

春节酷站系列:

  1. 《春节酷站系列!超过30万个企业公司LOGO矢量图免费下载》
  2. 《春节酷站系列!提供免费商用的高质量图标素材站ICONSTORE》

BrandColors

STEP 1

前面提到的 Dropbox 使用的蓝色为 #007ee5 ,还有三个使用浅灰色、淡灰色和深灰色的颜色代码,这蓝色是不是看起来非常熟悉呢?

STEP 2

Samsung 三星的品牌颜色竟然有十二个这么多,我倒是对于它们 Logo 所使用的宝蓝色较有印象,如果没记错的话应该是第一个颜色。

STEP 3

Facebook 使用的品牌标准颜色为 #3b5998,就是 Facebook 网站上方那条工具栏的颜色啦!大家每天在看应该都非常熟悉,但大概很少人会知道它的 HEX 色码值。

STEP 4

在勾选品牌后,从网站右上角可以选择要下载的色票格式,BrandColors 会将你所选取的颜色代码通通打包让你下载回去。另外,网站还很佛心的提供所有的色票档案,从网站左上角可以一次下载全部。

如果你需要这些颜色的 Photoshop .aco 档案,在 Dribbble 上已经有设计师将它做好释出了,可以至该网页免费下载、获取。

【优设酷站22连发!】

  1. 免费图库+导航收集站: 《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索: 《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较: 《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色 +占位图: 《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载: 《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线 配色 : 《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色: 《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色: 《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐: 《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色: 《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景: 《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址: free.com.tw

【优设网 原创文章 投稿邮箱:2650232288@qq.com】