Today , I'm discuss about social media color codes and how to use in your blog/website.It will be also help in social media designing projects.
In this time , most websites and blog use social media icons. Generally most of website use social media in own website Header , footer , sidebar and also social sharing widget at end of post. It's improve the richness of your website and design.
If you work on Social Media design on Cascading Style Sheets 'CSS' - SASS/LESS and Plain ‘ole CSS , you can find these code on Social Color Stylesheet codes.
How to use social codes in your blog/websites :
If you want to use in your website then you know about simple CSS Colors -
 |
| Social Color Codes |
What's the need of Social color codes in your web design?
Social color codes may to help in your web design and more socialize your website or blog. Most of designers always works on social media widget design and create a more colorful widgets for your website structure.In this time , most websites and blog use social media icons. Generally most of website use social media in own website Header , footer , sidebar and also social sharing widget at end of post. It's improve the richness of your website and design.
If you work on Social Media design on Cascading Style Sheets 'CSS' - SASS/LESS and Plain ‘ole CSS , you can find these code on Social Color Stylesheet codes.
How to use social codes in your blog/websites :
If you want to use in your website then you know about simple CSS Colors -
- CSS Color Values
- CSS Color Names
- CSS Color HEX
With HTML color codes you can set the color of web site background, color of text, cells in tables and much more.
Using HTML color codes for web site background color:
<body style="background:#80BFFF">
Using HTML color codes for setting font/text color:
<span style="color:#80BFFF">
Using HTML color codes for table background color:
<table style="background:#80BFFF">
Using HTML color code for link color:
<a style="color:#80BFFF">
CSS Syntax for color
color: color|initial|inherit;background-color: color|transparent|initial|inherit;border-color: color|transparent|initial|inherit;- border-top-color: color|transparent|initial|inherit;
- border-right-color: color|transparent|initial|inherit;
- border-bottom-color: color|transparent|initial|inherit;
- border-left-color: color|transparent|initial|inherit;
text-decoration-color: color|initial|inherit;outline-color: invert|color|initial|inherit;column-rule-color: color|initial|inherit;
Example:
.facebook {
backgound-color:#3B5998
}
when you call facebook class any div , p tags then appear this color in related section.
<div class="facebook">facebook</div> or <pclass="facebook">facebook</p>Hex Code or RGB value for Social Media
You might need Hex Code or RGB value for Social Media like Facebook,Twitter,Google+ etc . So here is the collection of some common Social Media Hex and RGB Color Codes for reference.#1 facebook
Hex : #3B5998
RGB : 59, 89, 152
#2 Twitter
Hex : #00aced
RGB : 0, 172, 237
#3 Google Plus
Hex : #dd4b39
RGB : 221, 75, 57
#4 Pinterest
Hex : #cb2027
RGB : 203, 32, 39
#5 LinkedIn
Hex : #007bb6
RGB : 0, 123, 182
#6 Instagram
Hex : #3f729b
RGB : 63, 114, 155
#7 Flickr
Hex : #ff0084
RGB : 255, 0, 132
#8 Yahoo
Hex : #720e9e
RGB : 114, 14, 158
#9 YouTube
Hex : #bb0000
RGB : 187, 0, 0
#10 Deviant Art
Hex : #4e6252
RGB : 78, 98, 82
#11 Tumblr
Hex : #32506d
RGB : 50, 80, 109
#12 Vimeo
Hex : #aad450
RGB : 170, 212, 8
#13 Dribble
Hex : #ea4c89
RGB : 234, 76, 137
#14 Twitch.tv
Hex : #6441a5
RGB : 100, 65, 165
#15 Quora Burgundy
Hex : #a82400
RGB : 168, 36, 0
#16 VK Blue
Hex : #45668e
RGB : 168, 36, 0
#17 Foursquare Logo Blue
Hex : #0072b1
RGB : 0, 114, 177
I hope you like this article on social color codes and if you want discuss more about this topics , simply drop your comments in disqus comment system.please share this article on social media networks.It's may be help to others people.
0 comments:
Post a Comment