Sosyal Medya Sitelerinin Kullandığı HTML Renk Kodları ve “Font Awesome” İkonlarında Kullanımı

Sosyal Medyanın kullandığı Renk Tonları, Web Sitelerinizde Sosyal Medya Paylaşım Butonlarını ve Sosyal Medya Hesaplarını Link olarak indirirken yardımcı olmaktadır. Bu Sosyal Medya Butonlarını oluşturmada veya "Font Awesome" İkonlarını web Sitenizde kullanırken bu Renk kodlarına ihtiyacınız olacaktır. Sosyal Medya Paylaşım butonlarında kullanılan Renklerin HTML - Hex Renk Kodlarını ve RGB Renk Kodlarını sırasıyla aşağıda bulabilirsiniz!..

Sosyal Media Rengi Hex Renk Kodu RGB Renk Kodu Sosyal Medya Adı
#3b5998 59 89 152 Facebook ( Mavi )
#dd4b39 221 75 57 Google+ ( Kırmızı )
#125688 18, 86, 136 Instagram ( Mavi )
#00aced 0 172 237 Twitter ( Mavi )
#bb0000 187 0 0 YouTube ( Kırmızı )
#007bb5 0 123 181 Linkedin ( Mavi )
#4dc247 77 194 71 WhatsApp ( Yeşil )
#cb2027 203 32 39 Pinterest ( Kırmızı )
#00bf8f 0 191 143 Vine ( Yeşil )
#fffc00 255 252 0 Snapchat ( Sarı )
#a82400 168 36 0 Quora ( Bordo )
#007ee5 0 126 229 ( Dropbox Mavi )
#ff0084 255 0 132 ( Flickr Pembe )
#32506d 50 80 109 Tumblr ( Koyu Turkuaz )
#45668e 69 102 142 VK ( Mavi )
#1ab7ea 26 183 234 Vimeo ( Açık Mavi )
#0072b1 0 114 177 Foursquare Logo ( Mavi )

"Font Awesome" Sosyal Medya İkonlarına Örnek Olarak Aşağıda "fa-fa-facebook" ikon örneğini görebilirsiniz.

"Font Awesome" Sosyal Medya İkonlarına Örnek - fa fa-facebook-official

<!DOCTYPE html>
<html>
<head>
<title>Font Awesome ( Sosyal Media İcon Örneği )</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<i class=" fa fa-facebook-official" style="font-size:60px; color:#3b5998;"></i>
</body>
</html>

"Font Awesome" Sosyal Medya İkonlarına Örnek - fa fa-facebook-official İkonunun Web Tarayıcıda Görüntüsü






"Font Awesome" Sosyal Medya İkonlarına Link Verme Örneği - fa fa-facebook-official

<!DOCTYPE html>
<html>
<head>
<title>Font Awesome ( Sosyal Media İcon Örneği )</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<a href="#"><i class=" fa fa-facebook-official" style="font-size:60px; color:#3b5998;"></i></a>
</body>
</html>

href="#" elemanındaki "#" olan yere siz kendi "https://www.facebook.com/name" adresinizi yazacaksınız.

"Font Awesome" Sosyal Medya İkonlarına Link Verme Örneği - fa fa-facebook-official İkonunun Web Tarayıcıda Görüntüsü