前端必备：常用品牌logo图标的官方颜色表示

最新推荐文章于 2023-08-15 14:40:36 发布

Snail_Lee666

最新推荐文章于 2023-08-15 14:40:36 发布

阅读量1.8k

点赞数

分类专栏： web前端文章标签： css css3 前端 html javascript

本文链接：https://blog.csdn.net/weixin_44880296/article/details/105407868

版权

web前端专栏收录该内容

5 篇文章 1 订阅

订阅专栏

slogan： 我学编程就是为了赚钱，后来发现它不只是能赚钱…

我们在前端编码过程中，总是会用到一些官方的品牌logo图标。大部分矢量字体图标没有颜色的标注，所以我们在渲染图标的时候总是要去查找这些图标的官方色码。我总结了一些常用的官方图标配色，这里统一使用十六进制表示法。

品牌	色码
500px	`#0099e5`
Adidas (阿迪达斯)	`#000000`，`#be0027`
Adobe	`#ff0000`
Airbnb (爱彼迎)	`#fd5c63`
Alibaba (阿里巴巴)	`#ff6a00`
Alipay(支付宝)	`#1E6FFF`
Alphabet	`#ed1c24`
Amazon (亚马逊)	`#ff9900`，`#146eb4`
Android (安卓)	`1#a4c639`
Baidu (百度)	`#2529d8`
bilibili (哔哩哔哩)	`#73c9e5`，`#fb7299`
Booking (缤客)	`#003580`
Coca-Cola (可口可乐)	`#ed1c16`
Dell (戴尔)	`#0085c3`
eBay	`#e53238`
Facebook	`#3b5998`
Firefox (火狐)	`#e66000`
GitHub	`#333333`
Google (谷歌)	`#4285f4`，`#34a853`，`#fbbc05`，`#ea4335`
HP (惠普)	`#0096d6`
HTML5	`#e34f26`
IBM	`#006699`
Instagram	`#e1306c`
Intel (英特尔)	`#0f7dc2`
JavaScript	`#f7df1e`
JBL	`#ff6600`
jQuery	`#0769ad`
KIA (起亚)	`#c21a30`
LinkedIn (领英)	`#0077b5`
LOMO	`#eb0028`
Messenger	`#0084ff`
Microsoft (微软)	`#f65314`，`#7cbb00`，`#00a1f1`，`#ffbb00`
Microsoft Office	`#ea3e23`
Microsoft Surface	`#0078d7`
Motorola (摩托罗拉)	`#5c92fa`
MySQL	`#00758f`，`#f29111`
NASA	`#fc3d21`，`#0b3d91`
New Balance (新百伦)	`#ce2724`
Nike Football (耐克)	`#504847`
Node.js	`#215732`
Nokia (诺基亚)	`#124191`
Olympus	`#08107b`
OnePlus (一加)	`#eb0029`
Opera	`#cc0f16`
Oracle	`#ff0000`
Pandora	`#005483`
Path	`#ee3423`
PayPal	`#003087`
Pepsi (百事可乐)	`#e32934`，`#004883`
Philips (飞利浦)	`#0e5fd8`
PHP	`#8892be`
Pizza Hut	`#ee3124`
Plex	`#e5a00d`，`#282a2d`
Puma (彪马)	`#000000`，`#ba2026`
Python	`#ffde57`，`#4584b6`
QQ	`#12b7f5`
React	`#00d8ff`
Samsung (三星)	`#1428a0`
SAP	`#003366`
Skype	`#00aff0`
Sony (索尼)	`#000000`，`#b51f29`
Steam	`#00adee`，`#000000`
T-Mobile	`#e20074`
TED	`#e62b1e`
Telegram	`#0088cc`
Tesla (特斯拉)	`#cc0000`
Tumblr (汤不热)	`#35465c`
Twitter (推特)	`#1da1f2`
Uber (优步)	`#1fbad6`
Vivo	`#415fff`
Vue.js	`#42b883`
Weibo (微博)	`#fa2f2f`
WeChat (微信)	`#7bb32e`
Wikipedia (维基)	`#636466`
Windows	`#0078d7`
Windows Phone	`#68217a`
网易云音乐	`#8a060b`
XBOX	`#52b043`
Xiaomi (小米)	`#ff6700`
Yahoo! (雅虎)	`#410093`
YouTube (油管)	`#ff0000`
Zhihu(知乎)	`#0084ff`

总结的不是很全面，但基本上常用的都列了出来，有些LOGO官方色码有多个，这里只举出了最常见的配色。最常用到的logo也都用粗体标注，排列顺序是按首字母排列的

Snail_Lee666

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端必备：常用品牌logo图标的官方颜色表示

我们在前端编码过程中，总是会用到一些官方的品牌logo图标。大部分矢量字体图标没有颜色的标注，所以我们在渲染图标的时候总是要去查找这些图标的官方色码。我总结了一些常用的官方图标配色，这里统一使用十六进制表示法。500px：#0099e5Adidas (阿迪达斯)：#000000，#be0027，Adobe：#ff0000Airbnb (爱彼迎)：#fd5c63Alibaba (阿里巴巴...
复制链接

扫一扫