Hex та RGB коди соціальних мереж

Соціальні ресурси

Коди кольорів для 20 наступних медіа сайтів:

1. Twitter 
2. Facebook 
3. Google Plus 
4. Pinterest 
5. Linkedin 
6. Youtube 
7. Vimeo 
8. Tumblr 
9. Instagram 
10. Flickr 
11. Dribbble 
12. Quora 
13. Foursquare 
14. Forrst 
15. В.К. 
16. WordPress 
17. StumbleUpon 
18. Yahoo 
19. Blogger 
20. SoundCloud

SASS/LESS Hex коди

Ви можете копіювати і вставляти змінні, які наведені нижче у таблиці стилів. Потім, наприклад, ви можете використовувати колір: $ facebook; всякий раз, коли ви маєте потребу у синьому кольорі Фейсбук.

/* SASS / Social Media Brand Colors */
$twitter: #00aced;
$facebook: #3b5998;
$googleplus: #dd4b39;
$pinterest: #cb2027;
$linkedin: #007bb6;
$youtube: #bb0000;
$vimeo: #aad450;
$tumblr: #32506d;
$instagram: #517fa4;
$flickr: #ff0084;
$dribbble: #ea4c89;
$quora: #a82400;
$foursquare: #0072b1;
$forrst: #5B9A68;
$vk: #45668e;
$wordpress: #21759b;
$stumbleupon: #EB4823;
$yahoo: #7B0099;
$blogger: #fb8f3d;
$soundcloud: #ff3a00;

/* LESS / Social Media Brand Colors */
@twitter: #00aced;
@facebook: #3b5998;
@googleplus: #dd4b39;
@pinterest: #cb2027;
@linkedin: #007bb6;
@youtube: #bb0000;
@vimeo: #aad450;
@tumblr: #32506d;
@instagram: #517fa4;
@flickr: #ff0084;
@dribbble: #ea4c89;
@quora: #a82400;
@foursquare: #0072b1;
@forrst: #5B9A68;
@vk: #45668e;
@wordpress: #21759b;
@stumbleupon: #EB4823;
@yahoo: #7B0099;
@blogger: #fb8f3d;
@soundcloud: #ff3a00;

Для чистого CSS

У разі, якщо ви не використовуєте препроцесор або якщо вам потрібні значення RGB.

/* Social Media Brand Colors
twitter:     #00aced     rgb(0, 172, 237)
facebook:    #3b5998     rgb(59, 89, 152)
googleplus:  #dd4b39     rgb(221, 75, 57)
pinterest:   #cb2027     rgb(203, 32, 39)
linkedin:    #007bb6     rgb(0, 123, 182)
youtube:     #bb0000     rgb(187, 0, 0)
vimeo:       #aad450     rgb(170, 212, 80)
tumblr:      #32506d     rgb(50, 80, 109)
instagram:   #517fa4     rgb(81, 127, 164)
flickr:      #ff0084     rgb(255, 0, 132)
dribbble:    #ea4c89     rgb(234, 76, 137)
quora:       #a82400     rgb(168, 36, 0)
foursquare:  #0072b1     rgb(0, 114, 177)
forrst:      #5B9A68     rgb(91, 154, 104)
vk:          #45668e     rgb(69, 102, 142)
wordpress:   #21759b     rgb(33, 117, 155)
stumbleupon: #EB4823     rgb(235, 72, 35)
yahoo:       #7B0099     rgb(123, 0, 153)
blogger:     #fb8f3d     rgb(251, 143, 61)
soundcloud:  #ff3a00     rgb(255, 58, 0)
*/