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

5 хв. читання

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

Коди кольорів для 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)
    
    */
Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 6.2K
Приєднався: 7 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація