adobewordpress ~ güncel tasarım okulu
  • Adobe
    • Photoshop Dersleri
    • After Effects Dersleri
    • Illustrator Dersleri
  • WordPress
    • Eklentiler
    • Temalar
    • Güvenlik
  • Duvar Kağıtları
  • Tasarım Unsurları
    • PHP Dersleri
    • HTML5 Dersleri
    • CSS Dersleri
    • jQuery
    • Bootstrap
    • SEO Dersleri
    • Kaynaklar
    • İlham Verenler
    • Diğer Konular
  • Video Dersler
  • Yazarlar

Sosyal Paylaşım Sitelerinin Renk Kodları

Vatanay Özbeyli Diğer Konular & İpuçları

Sosyal medyanın devleri tasarımın geleceğine yön veriyor. Peki bu firmalar logolarında hangi renkleri kullanıyorlar?

Facebook, Twitter, LinkedIn, Instagram, Tumblr ve Foursquare gibi birçok sosyal ağ mavi rengi tercih ederken Google, Pinterest ve YouTube’un kullandığı kırmızı tonlar da fazlasıyla revaçta.

Adobewordpress ailesi olarak en popüler 20 sosyal paylaşım sitesinin hex ve rgb renk kodlarını sizler için derledik.


Sosyal Medyanın Devlerinin Renk Kodları

Firmaların logoları, isimleri, renkleri, hex ve rgb kodları aşağıdaki tabloda listelenmiştir.

Logo Firma HEX RGB
Facebook #3b5998 rgb(59, 89, 152)
Twitter #00aced rgb(0, 172, 237)
Google+ #dd4b39 rgb(221, 75, 57)
YouTube #bb0000 rgb(187, 0, 0)
Instagram #125688 rgb(18, 86, 136)
WhatsApp #4dc247 rgb(77, 194, 71)
LinkedIn #007bb5 rgb(0, 123, 181)
Pinterest #cb2027 rgb(203, 32, 39)
Vine #00bf8f rgb(0, 191, 143)
Dropbox #007ee5 rgb(0, 126, 229)
Flickr #ff0084 rgb(255, 0, 132)
Tumblr #32506d rgb(50, 80, 109)
VK #45668e rgb(69, 102, 142)
Vimeo #aad450 rgb(170, 212, 80)
Foursquare #0072b1 rgb(0, 114, 177)
Delicious #3399FF rgb(51, 153, 255)
Codepen #231F20 rgb(35, 31, 32)
Spotify #2ebd59 rgb(46, 189, 89)
Twitch #6441a5 rgb(100, 65, 165)
Behance #005CFF rgb(0, 92, 255)
facebook logo hex instagram logo logo renkleri paylaşım rgb siteleri social media colors Sosyal sosyal medya renkleri twitter logo


Yazı navigasyonu

Photoshop’a Alternatif 10 Resim Editörü
Bootstrap Navbar’a Alt Menü Ekleme (Multi Level)

SOSYAL

E-Posta Aboneliği

Güncel eğitimlerden haberdar olmak ister misin?




Arama

Benzer Yazılar

  • CSS3 ile Sosyal Ağ Kutucuğu
  • Web Geliştiricilerinin El Kitabı
  • CSS ile Twitter Butonu
  • Sadece CSS ile Sosyal Ağ Kutusu
  • WordPress’te Twitter, Facebook, Google+, YouTube takipçi sayısı

Popüler Örnekler

  • Ambilight ile Bootstrap Slider Kullanımı 17045
  • Sitenize Haber ve Duyuru Akışı Ekleyin 12732
  • Yukarı Scroll Edildiğinde Gözüken Header 12614
  • Material Design Öne Çıkarılmış Menü Tasarımı 11535
  • Mobil Sitenize WhatsApp ve Diğer Sosyal Paylaşım Linkleri Ekleyin 10993
  • Sitenize Kolayca Slider Ekleyin 10853
  • Sadece CSS ile Slider Yapımı 9725
  • CSS ve jQuery ile Dönen Menü 9555
  • Fareyle Birlikte Hareket Eden Arkaplan Resmi 9227
  • jQuery ile Scroll ve Arkaplan İlişkisi 7766

Kategoriler

  • Photoshop Dersleri97
    • Fotoğraf Efektleri
    • Yazı Efektleri
    • Actionlar
    • Fırçalar
    • Patternler
    • İpuçları
  • After Effects Dersleri4
  • Illustrator Dersleri4
  • WordPress84
    • Eklentiler
    • Temalar
    • Güvenlik
  • Tasarım Unsurları118
    • PHP Dersleri
    • Bootstrap
    • HTML5
    • CSS3
    • jQuery
    • SEO
    • Kaynaklar
    • İlham Verenler
    • Diğer Konular
  • Video Dersler58
  • Öne Çıkanlar110

Bağlantılar

  • Anasayfa
  • Hakkımızda
  • Reklam
  • Kullanım
  • Yazarlık Başvurusu
  • Arşiv
  • İletişim

Kategoriler

  • Tasarım Unsurları 397
  • Öne Çıkanlar 110
  • Photoshop Dersleri 124
  • WordPress 106
  • Video Dersler 58
  • Illustrator Dersleri 4
  • After Effects Dersleri 4
  • Sizden Gelenler 4

Adobe Download
Tasarım dünyasına detaylı bir giriş yapmak mı istiyorsunuz? Creative Cloud'u şimdi bilgisayarınıza kurun!

Download Adobe Photoshop CC
Download Adobe After Effects CC
Download Adobe Flash Pro CC
Download Adobe Dreamweaver CC
Download Adobe Illustrator CC
Download Adobe InDesign CC

Uyuya mı kaldın?

10 dakikadır bir işlem yapmadın. Yoksa uyuya mı kaldın?
ÖNE ÇIKANLAR
  • Responsive Akordiyon (Collapsible)
  • After Effects ile 3 Boyutlu Dönen Para
  • Photoshop ile Diabolical Fotoğraf Efekti
  • Photoshop ile Gözlüğe Yansıma Ekleme