Завжди корисно використовувати офіційний колір для соціальних іконок, щоб вони виглядали добре. Наприклад, Facebook використовує колірний код #3b5998 для піктограми, і ви також повинні використовувати той самий колір для всіх значків Facebook на своєму сайті. На жаль, в Інтернеті немає єдиної сторінки, яка б пропонувала всі кольорові коди для соціальних іконок, на які можна посилатися. Коли ми створюємо віджет соціальних іконок, ми переходимо на різні сайти, щоб отримати фактичні кольорові коди, які використовуються для іконок.
Для того, щоб допомогти собі та іншим дизайнерам, тут ми склали повний список кольорових кодів для популярних значків соціальних мереж, таких як Facebook, Twitter, Pinterest тощо. Значення колірного коду відображаються в RGB та Hex Code разом із реальною видимістю кольору. Коли на піктограмі використовується кілька кольорів, ми вибрали найбільш переважний єдиний колір або використали градієнт для відображення кількох кольорів.
Сайт соціальних мереж | Значення RGB | Шестнадцятковий код | Видимість кольору |
59,89,152 | #3b5998 | ||
85,172,238 | #55очі | ||
Google+ | 220,78,65 | #dc4e41 | |
189,8,28 | #bd081c | ||
0,119,181 | #0077b5 | ||
Digg | 0,0,0 | # 000000 | |
Смачно | 51,153,255 | #3399ф | |
Спотикання | 235,73,36 | #eb4924 | |
Tumblr | 53,70,92 | #00405d | |
Vkontakte | 69,102,142 | #45668e | |
Flattr | 246,124,26 / 51,141,17 | #f67c1a / #338d11 | |
255,69,0 | #ff4500 | ||
Буфер | 0, 0, 0 | # 000000 | |
Вейбо | 206,17,38 | #ce1126 | |
Кишеньковий | 239,64,86 | #ef4056 | |
2,100,102 / 207,220,0 | #026466 / #cfdc00 | ||
Odnoklassniki | 237,129,43 | #ed812b | |
67,216,84 | #43d854 | ||
Мене | 255,100,0 | # ff6400 | |
Блогер | 245,125,0 | #f57d00 | |
Amazon | 0,0,0 / 255,153,0 | #000000 / #ff9900 | |
Yahoo Mail | 65,0,147 | # 410093 | |
Gmail | 234,67,53 | #ea4335 | |
Новини | 0,180,136 | #00b488 | |
Evernote | 45,190,96 | # 2dbe60 | |
Мій простір | 0, 64, 93 | #00405d | |
Віадео | 240,115,85 | #f07355 | |
Лінія | 0,195,0 | #00c300 | |
Фліпборд | 225,40,40 | #e12828 | |
Смачно | 0, 64, 93 | #00405d | |
Viber | 0, 64, 93 | #00405d | |
Telegram | 0, 64, 93 | #00405d | |
63,114,155 | #3f729b | ||
YouTube | 205,32,31 | #cd201f | |
Vimeo | 26,183,234 | #1ab7ea | |
Foursquare | 0, 64, 93 | #00405d | |
Behance | 23,105,255 | #1769 і далі | |
Github | 0, 64, 93 | #00405d | |
Skype | 0,175,240 | #00aff0 | |
Snapchat | 255,250,55 | #fffa37 |
Якщо ви вважаєте, що будь -який сайт соціальної мережі відсутній, не соромтеся коментувати, щоб ми оновили список.