Цветовые коды для значков сайтов социальных сетей

Всегда рекомендуется использовать официальный цвет для значков социальных сетей, чтобы они выглядели хорошо. Например, Facebook использует цветовой код # 3b5998 для значка, и вы также должны использовать тот же цвет для всех значков Facebook на своем сайте. К сожалению, в сети нет ни одной страницы, предлагающей все цветовые коды для значков социальных сетей, которые можно было бы скопировать как есть. При создании виджета социальных иконок мы переходим на разные сайты, чтобы получить актуальные цветовые коды, используемые для иконок.

Чтобы помочь себе и другим дизайнерам, мы составили полный список цветовых кодов для значков популярных социальных сетей, таких как Facebook, Twitter, Google+ и т. Д. Значения цветового кода показаны в RGB и Hex Code вместе с реальной видимостью цвета. . Когда на значке используется несколько цветов, мы выбрали наиболее преобладающий один цвет или использовали градиент для отображения нескольких цветов.

Сайт социальной сетиЗначения RGBШестнадцатеричный кодЦветовая видимость
Facebook59,89,152# 3b5998
Twitter85 172 238# 55acee
Google+220,78,65# dc4e41
Pinterest189,8,28# bd081c
LinkedIn0,119,181# 0077b5
Digg0,0,0# 000000
Вкусно51 153 255# 3399ff
Stumbleupon235,73,36# eb4924
Tumblr53,70,92# 00405d
Вконтакте69 102 142# 45668e
Flattr246,124,26 / 51,141,17# f67c1a / # 338d11
Reddit255,69,0# ff4500
Буфер0, 0, 0# 000000
Weibo206,17,38# ce1126
Карман239,64,86# ef4056
Син2,100,102 / 207,220,0# 026466 / # cfdc00
Одноклассники237,129,43# ed812b
WhatsApp67 216,84# 43d854
Menéame255,100,0# ff6400
Blogger245,125,0# f57d00
Amazon0,0,0 / 255,153,0# 000000 / # ff9900
Почта Yahoo65,0 147# 410093
Gmail234,67,53# ea4335
Newsvine0,180,136# 00b488
Evernote45 190,96# 2dbe60
Мое пространство0, 64, 93# 00405d
Viadeo240,115,85# f07355
Линия0,195,0# 00c300
Флипборд225,40,40# e12828
Вкусно0, 64, 93# 00405d
Viber0, 64, 93# 00405d
Телеграмма0, 64, 93# 00405d
Instagram63 114 155# 3f729b
YouTube205,32,31# cd201f
Vimeo26 183 234# 1ab7ea
Foursquare0, 64, 93# 00405d
Behance23 105 255# 1769ff
Github0, 64, 93# 00405d
Skype0,175,240# 00aff0
Snapchat255 250,55# fffa37

Если вы чувствуете, что какой-либо сайт социальной сети отсутствует, не стесняйтесь комментировать, чтобы мы обновили список.

0

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.