Add a Blue Professional Dropdown Menu in Blogger

Drop down menus are very important in blogging and these kinds of stuff is also considerable for the visitors be'coz visitor when firstly see your menus and other widget and if he like that then she/he wish to visit again itself and content also very important fro the every blogger.

 

Live Demo

Add Blue Drop Down Menu

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Layout
• Add a HTML/JavaScript Gadget
• Paste below code in it.

<style>

/* Blue Dropdown Menu by www.widgetgenerators.blogspot.com */
#nav {
display:inline-block;
width:100%;
margin:0px auto;
padding:0;
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuorwiB_jV6IWm4ixwDHTwzV9G1MOeZFIE-7GOIzrMn8D3gKdtDZpgjA1bdKZ58onFqrQBa2oG2Vboj84vXIqFpZyF4q8BPcknkYvseVqAek4FcKb15aMpd20L976lipXZCAm-iAZBBJkK/s320/bg-ABT.png) repeat-x 0 -110px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
margin:10px;
float:left;
position:relative;
list-style:none;
}
#nav a {
font-family:verdana;
font-weight:bold;
color:#e7e5e5;
text-decoration:none;
display:block;
padding:8px 20px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, .7);
}/* selected menu element */
#nav .current a, #nav li:hover > a {
background:#7788aa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuorwiB_jV6IWm4ixwDHTwzV9G1MOeZFIE-7GOIzrMn8D3gKdtDZpgjA1bdKZ58onFqrQBa2oG2Vboj84vXIqFpZyF4q8BPcknkYvseVqAek4FcKb15aMpd20L976lipXZCAm-iAZBBJkK/s320/bg-ABT.png) repeat-x 0 -20px;
color:#000;
border-top:1px solid #f8f8f8;box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
background:none;
border:none;
color:#000;
}
#nav ul li a:hover {
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuorwiB_jV6IWm4ixwDHTwzV9G1MOeZFIE-7GOIzrMn8D3gKdtDZpgjA1bdKZ58onFqrQBa2oG2Vboj84vXIqFpZyF4q8BPcknkYvseVqAek4FcKb15aMpd20L976lipXZCAm-iAZBBJkK/s320/bg-ABT.png) repeat-x 0 -100px;
color:#fff;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}#nav ul li:first-child > a {
-moz-border-radius-topleft:10px; /*some css3*/
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
-moz-border-radius-bottomleft:10px; /*some css3*/
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}/* drop down */
#nav li:hover > ul {
opacity:1;
visibility:visible;
}
#nav ul {
opacity:0;
visibility:hidden;
padding:0;
width:175px;
position:absolute;
background:#aabbcc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuorwiB_jV6IWm4ixwDHTwzV9G1MOeZFIE-7GOIzrMn8D3gKdtDZpgjA1bdKZ58onFqrQBa2oG2Vboj84vXIqFpZyF4q8BPcknkYvseVqAek4FcKb15aMpd20L976lipXZCAm-iAZBBJkK/s320/bg-ABT.png) repeat-x 0 0;
border:1px solid #7788aa;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:none;
margin:0;
}
#nav ul a {
font-weight:normal;
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
left:160px;
top:0px;
}

</style>

    <ul id="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Tutorials</a>
            <ul>
                <li><a href="#">HTML / CSS</a></li>
                <li><a href="#">JS / jQuery</a>
                    <ul>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">JS</a></li>
                    </ul>
                </li>
                <li><a href="#">PHP</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">XSLT</a></li>
                <li><a href="#">Ajax</a></li>
            </ul>
        </li>
        <li><a href="#">Resources</a>
            <ul>
                <li><a href="#">By category</a>
                    <ul>
                        <li><a href="#">PHP</a></li>
                        <li><a href="#">MySQL</a></li>
                        <li><a href="#">XSLT</a></li>
                        <li><a href="#">Ajax</a></li>
                    </ul>
                </li>
                <li><a href="#">By tag name</a>
                    <ul>
                        <li><a href="#">captcha</a></li>
                        <li><a href="#">gallery</a></li>
                        <li><a href="#">animation</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="http://www.widgetgenerators.blogspot.com.com">FAQ's</a></li>
    </ul>

• Save your widget.

 Make Changes....!

• Replace it # with your link.
• Replace all Green Area with your showing menu name.

If Any Problem Comes, Ask in Comments

Read More

Hurry ! Go Daddy Giving 30% Blasting Discount

Go Daddy is one of most no. 1 hosting and site building network in the world and it's a best web hosting company of the world as we recommend it for the all kind of web hosting services and domain hosting services and you can get 24 x 7 online and tele phonic  services from the Go Daddy and everyone want to purchase hosting from Go Daddy because it's customer dealing service is the best than other hosting companies and also it provides the full user friendly interface for their customer like DNS control panel for domain hosting etc.  but some where Go Daddy is not cheaper than others because it's services are very awesome than others. So, many od wants to Go Daddy  by using the Coupons of it

Why Go Daddy Giving Discount....?

• Go Daddy wants to add new and fresh customers and they want to give gain of their services to every person.
• This hosting company provides full customer support for their clients.
• Go Daddy always look forward and look for customer's profit.

Why should we use coupons....?

• Hosting companies generates their own coupons for giving the discounts.
• Many of us who is lucky, they get that coupons and purchase on he maximum discount.
• Coupons is not to scratch any paper but it's actually computerized generated number which contains the discount.

How to Purchase in the Discount of 30%

• Click on below "Start Shopping Now"

 

Start Shopping Now

• Use below Coupon Number in your cart when you order any thing.

COUPON NUMBER  --   gd3138be

 Remember :- Coupons are valid till 3rd of Feb 2013

May you have Happy and Successful Shopping

Read More

What is an Entrepreneur?

Entrepreneur is a  very different word in it's own be'coz it always related with business as individually, when anyone wants to be entrepreneur then he/she should be promote himself/herself in business level and and is commonly used to describe an individual who organizes and operates a business or businesses in it's own risk in the market as it's earning from internet, from their own business, OR earning from the market. In the today's world everyone wants to be self independent and internet and blogging and blogging is a very new and successful way to earn money and be a entrepreneur. Many peoples are presently a very successful entrepreneurs from blogging like Amit Aggrawal and he is earning about 8.5 lacks per month from his living room. So, it's very professional way to earn but not very easy :)  

What is an Entrepreneur....?

        An Entrepreneur is an individual who accepts some sort of risk — usually financial — in the pursuit of new ventures. The word can apply to any person organizing a new project or opportunity, though it is most often used in a business context. A person in this role is often characterized as innovative, independent, optimistic, creative, and hard-working.

Who are Entrepreneur....?

        For a long time it was thought that entrepreneurs were special, that they were just born with the ability and desire to go their own way, on their own. Over the past twenty years or so, we've discovered that entrepreneurs learn to do what they do that they also learn, to a large extent, to be who they are. That's why we say they are made not born.

Here's a easy way to remember some facts about entrepreneurs and entrepreneurship:

E: xamine needs, wants, and problems to see how they can improve the way needs and wants are met and problems overcome.

N: arrow the possible opportunities to one specific "best" opportunity.

T: hink of innovative ideas and narrow them to the "best" idea.

R: esearch the opportunity and idea thoroughly.

E: nlist the best sources of advice and assistance that they can find.

P: lan their ventures and look for possible problems that might arise.

R: ank the risks and the possible rewards.

E: valuate the risks and possible rewards and make their decision to act or not to act.

N: ever hang on to an idea, no matter how much they may love it, if research shows it won't work.

E: mploy the resources necessary for the venture to succeed.

U: nderstand that they will have to work long and hard to make their venture succeed.

R: ealize a sense of accomplishment from their successful ventures and learn from their failures to help them achieve success in the future.  

Characteristics of Successful Entrepreneurs....!

         Entrepreneurs are different from each other, but successful entrepreneurs tend to share certain characteristics. Not all of them have developed each of the following to the same degree, but they tend to have developed most of them to some degree. Here are some common characteristics of successful entrepreneurs. 

A Successful Entrepreneur Should Follow the Steps:

• He/She should be passionate about achieving their goals
• That person should have a spirit of adventure (means to face every problems and risks)
• Also should have a strong need to achieve and seek personal accomplishment
• He/She should be self-confident and self-reliant
• He/She should be goal-oriented
• be innovative, creative, and versatile in every kind of business task.
• be hardworking and energetic
• Also have a positive attitude
• He/She should be willing to take initiative
• have a strong sense of commitment 

 Risks with the Entrepreneur

        We can easily say risks is the first and primary function of this category.It doesn't mean that the entrepreneurs has an infinite tolerance for risk but  instead, it means that the successful entrepreneur is able to determine how much risk is appropriate for a particular task. He is also knows that his/her business never only earn profit, he/she also has to face the loss at any time.

Financial risk is the most common and primary type of risk for entrepreneurs. They often have to contribute their own money in their project and as well as that of other parties to a particular project. Some times they can loss their own livelihood and savings, but that of other investors too. If the venture is successful, however, the financial rewards may be great.

Businesses based on Entrepreneurs

          There are four types of business which is based on the Entrepreneurs and they can start their business in this five characters.

• Manufacturing
• Wholesale
• Retailing
• Service
• Online Internet Earning

If Any Problem Comes, Ask in Comments

Read More

Add a JQuery Pop-Up Facebook Like Widget With Close Button

Facebook has a another widget and we also have one another awesome widget for our readers and it's comes with a very awesome widget as you can see in the below image. This Widget has a close button with a timer of 20 seconds, after 20 seconds this widget hides automatically. It's design is very unique and very professional for any blogger.

Live Demo

Add Timer Pop-Up Widget

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

</body>

• Paste below code before </body>

<style>#fblikepop {    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}
#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="WidgetGenerators",
 kakinetworkdotcom01title="Join Us On Facebook!",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="20",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="https://dl.dropbox.com/u/63968842/fbjqureywidget%28www.widgetgenerators.blogspot.com%29.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>

• Save Your Template.

Make Changes....!

• Replace WidgetGenerators it with your own Facebook user name.

If Any Problem Comes, Ask in Comments

Read More

How to Embed Youtube Video in Blogger Post

Blogger is the one of the major blogging platform on the internet. Blogger platform is the choice of many top bloggers. Today some  famous blogs are running on blogger platform. Blogger provides a totally free and easy to use blogging platform. It is the best choice to start a blogging career for newbies. They can learn basics of blogging without spending any money.

Recently, YouTube has gained much popularity. YouTube provides videos to watch online pertaining to different categories. Users can enjoy these videos without downloading them to computer. So YouTube serves as a good source of informative videos.

Sometime, You are writing a blog post on your blog about a topic which needs to insert any youtube video in it. which is necessary  for providing essential information to readers.  So we will discuss here different and easy ways to add youtube videos in blogger blog posts in simple steps as given below.

Add Youtube Video in Blogger

• Go to Blogger > New Post
• Now Click on Video Button 

• Now insert video for your computer OR directly insert from youtube.

• That's All Done
• Now check the preview of blog post. You will see youtube video has been inserted in blog post. So enjoy to share YouTube videos in blogger blog posts with your blog readers.

If Any Problem Comes, Ask in Comments

Read More

Online HTML to Script Converter Tool

Widget Generators is Officially Introducing their New Converter Tool named as HTML to Script Converter. You can easily convert your scripts like HTML to PHP, HTML to JavaScript etc. After using this tool you don't need to  do extra effort in PHP, JavaScripts and all other scripts. This tools is totally free but not for the commercial use.

Examples of Converting....!

Simple HTML Coding:

<html>
<head>
<title>Widget Generators</title>
</head>
<body>
<h1>This is Our Another Tools of Widget Generators</h1>
</body>
</html>

HTML to PHP

 <?php
echo "<html>\n";
echo "<head>\n";
echo "<title>Widget Generators</title>\n";
echo "</head>\n";
echo "<body>\n";
echo "<h1>This is Our Another Tools of Widget Generators</h1>\n";
echo "</body>\n";
echo "</html>\n";
?>

HTML to JavaScript

 <script type="text/javascript">
<!--
document.writeln(" <html> ");
document.writeln(" <head> ");
document.writeln(" <title>Widget Generators</title> ");
document.writeln(" </head> ");
document.writeln(" <body> ");
document.writeln(" <h1>This is Our Another Tools of Widget Generators</h1> ");
document.writeln(" </body> ");
document.writeln(" </html> ");
 // -->
</script>

HTML to ASP

 #!/usr/bin/perl
print "Content-type: text/html\n\n";
$code[0] = "<html>";
$code[1] = "<head>";
$code[2] = "<title>Widget Generators</title>";
$code[3] = "</head>";
$code[4] = "<body>";
$code[5] = "<h1>This is Our Another Tools of Widget Generators</h1>";
$code[6] = "</body>";
$code[7] = "</html>";
for ($i=0;$i<scalar(@code);$i++) {print($code[$i]."\n");}

That's All with it.

If Any Problem Comes, Ask in Comments

Read More

Add a 3D Push-Pop Button in Blogger

Buttons and others effects are very important in blogging and specially when our blog related with designing and blogging blog that's why looks and feels are very important in the blog. From lasts post our team provided the buttons for live demo and for other stuffs like icons and other some stuff and so today we have a 3D Push-Pop button we can add in the blogger post and it's very unique kind of widget and it have a 3D look and easily customizable and has a Push - Pop effect when you click on the button.

Live Demo

Add Push-Pop Button in Blogger

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

</head>

• Paste below code before </head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'></link>

• Now again find below code

]]></b:skin>

• Paste below code before ]]></b:skin>

#wg-pushbutn a {
position: relative;
color: rgba(255,255,255,1);
text-decoration: none;
background-color: rgba(219,87,5,1);
font-family: 'Yanone Kaffeesatz';
font-weight: 700;
font-size: 30px;
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
margin: 10px auto;
width: 200px;
text-align: center;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
#wg-pushbutn a:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}

• Save Your Template.

How to Add it in Post....?

• Go to posting area > HTML
• Now paste code in it.

<div id="wg-pushbutn"><a href="#" target="_blank">Live Demo</a></div>

Make Changes...!

• Replace # it with your link.
• Replace Live Demo it with your own text.

If Any Problem Comes, Ask in Comments

Read More

RGB Color Codes Chart

RGB color table

Color	HTML / CSS Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
	Black	#000000	(0,0,0)
	White	#FFFFFF	(255,255,255)
	Red	#FF0000	(255,0,0)
	Lime	#00FF00	(0,255,0)
	Blue	#0000FF	(0,0,255)
	Yellow	#FFFF00	(255,255,0)
	Cyan / Aqua	#00FFFF	(0,255,255)
	Magenta / Fuchsia	#FF00FF	(255,0,255)
	Silver	#C0C0C0	(192,192,192)
	Gray	#808080	(128,128,128)
	Maroon	#800000	(128,0,0)
	Olive	#808000	(128,128,0)
	Green	#008000	(0,128,0)
	Purple	#800080	(128,0,128)
	Teal	#008080	(0,128,128)
	Navy	#000080	(0,0,128)

Color	Color Name	Hex Code #RRGGBB	Decimal Code R,G,B
	maroon	#800000	(128,0,0)
	dark red	#8B0000	(139,0,0)
	brown	#A52A2A	(165,42,42)
	firebrick	#B22222	(178,34,34)
	crimson	#DC143C	(220,20,60)
	red	#FF0000	(255,0,0)
	tomato	#FF6347	(255,99,71)
	coral	#FF7F50	(255,127,80)
	indian red	#CD5C5C	(205,92,92)
	light coral	#F08080	(240,128,128)
	dark salmon	#E9967A	(233,150,122)
	salmon	#FA8072	(250,128,114)
	light salmon	#FFA07A	(255,160,122)
	orange red	#FF4500	(255,69,0)
	dark orange	#FF8C00	(255,140,0)
	orange	#FFA500	(255,165,0)
	gold	#FFD700	(255,215,0)
	dark golden rod	#B8860B	(184,134,11)
	golden rod	#DAA520	(218,165,32)
	pale golden rod	#EEE8AA	(238,232,170)
	dark khaki	#BDB76B	(189,183,107)
	khaki	#F0E68C	(240,230,140)
	olive	#808000	(128,128,0)
	yellow	#FFFF00	(255,255,0)
	yellow green	#9ACD32	(154,205,50)
	dark olive green	#556B2F	(85,107,47)
	olive drab	#6B8E23	(107,142,35)
	lawn green	#7CFC00	(124,252,0)
	chart reuse	#7FFF00	(127,255,0)
	green yellow	#ADFF2F	(173,255,47)
	dark green	#006400	(0,100,0)
	green	#008000	(0,128,0)
	forest green	#228B22	(34,139,34)
	lime	#00FF00	(0,255,0)
	lime green	#32CD32	(50,205,50)
	light green	#90EE90	(144,238,144)
	pale green	#98FB98	(152,251,152)
	dark sea green	#8FBC8F	(143,188,143)
	medium spring green	#00FA9A	(0,250,154)
	spring green	#00FF7F	(0,255,127)
	sea green	#2E8B57	(46,139,87)
	medium aqua marine	#66CDAA	(102,205,170)
	medium sea green	#3CB371	(60,179,113)
	light sea green	#20B2AA	(32,178,170)
	dark slate gray	#2F4F4F	(47,79,79)
	teal	#008080	(0,128,128)
	dark cyan	#008B8B	(0,139,139)
	aqua	#00FFFF	(0,255,255)
	cyan	#00FFFF	(0,255,255)
	light cyan	#E0FFFF	(224,255,255)
	dark turquoise	#00CED1	(0,206,209)
	turquoise	#40E0D0	(64,224,208)
	medium turquoise	#48D1CC	(72,209,204)
	pale turquoise	#AFEEEE	(175,238,238)
	aqua marine	#7FFFD4	(127,255,212)
	powder blue	#B0E0E6	(176,224,230)
	cadet blue	#5F9EA0	(95,158,160)
	steel blue	#4682B4	(70,130,180)
	corn flower blue	#6495ED	(100,149,237)
	deep sky blue	#00BFFF	(0,191,255)
	dodger blue	#1E90FF	(30,144,255)
	light blue	#ADD8E6	(173,216,230)
	sky blue	#87CEEB	(135,206,235)
	light sky blue	#87CEFA	(135,206,250)
	midnight blue	#191970	(25,25,112)
	navy	#000080	(0,0,128)
	dark blue	#00008B	(0,0,139)
	medium blue	#0000CD	(0,0,205)
	blue	#0000FF	(0,0,255)
	royal blue	#4169E1	(65,105,225)
	blue violet	#8A2BE2	(138,43,226)
	indigo	#4B0082	(75,0,130)
	dark slate blue	#483D8B	(72,61,139)
	slate blue	#6A5ACD	(106,90,205)
	medium slate blue	#7B68EE	(123,104,238)
	medium purple	#9370DB	(147,112,219)
	dark magenta	#8B008B	(139,0,139)
	dark violet	#9400D3	(148,0,211)
	dark orchid	#9932CC	(153,50,204)
	medium orchid	#BA55D3	(186,85,211)
	purple	#800080	(128,0,128)
	thistle	#D8BFD8	(216,191,216)
	plum	#DDA0DD	(221,160,221)
	violet	#EE82EE	(238,130,238)
	magenta / fuchsia	#FF00FF	(255,0,255)
	orchid	#DA70D6	(218,112,214)
	medium violet red	#C71585	(199,21,133)
	pale violet red	#DB7093	(219,112,147)
	deep pink	#FF1493	(255,20,147)
	hot pink	#FF69B4	(255,105,180)
	light pink	#FFB6C1	(255,182,193)
	pink	#FFC0CB	(255,192,203)
	antique white	#FAEBD7	(250,235,215)
	beige	#F5F5DC	(245,245,220)
	bisque	#FFE4C4	(255,228,196)
	blanched almond	#FFEBCD	(255,235,205)
	wheat	#F5DEB3	(245,222,179)
	corn silk	#FFF8DC	(255,248,220)
	lemon chiffon	#FFFACD	(255,250,205)
	light golden rod yellow	#FAFAD2	(250,250,210)
	light yellow	#FFFFE0	(255,255,224)
	saddle brown	#8B4513	(139,69,19)
	sienna	#A0522D	(160,82,45)
	chocolate	#D2691E	(210,105,30)
	peru	#CD853F	(205,133,63)
	sandy brown	#F4A460	(244,164,96)
	burly wood	#DEB887	(222,184,135)
	tan	#D2B48C	(210,180,140)
	rosy brown	#BC8F8F	(188,143,143)
	moccasin	#FFE4B5	(255,228,181)
	navajo white	#FFDEAD	(255,222,173)
	peach puff	#FFDAB9	(255,218,185)
	misty rose	#FFE4E1	(255,228,225)
	lavender blush	#FFF0F5	(255,240,245)
	linen	#FAF0E6	(250,240,230)
	old lace	#FDF5E6	(253,245,230)
	papaya whip	#FFEFD5	(255,239,213)
	sea shell	#FFF5EE	(255,245,238)
	mint cream	#F5FFFA	(245,255,250)
	slate gray	#708090	(112,128,144)
	light slate gray	#778899	(119,136,153)
	light steel blue	#B0C4DE	(176,196,222)
	lavender	#E6E6FA	(230,230,250)
	floral white	#FFFAF0	(255,250,240)
	alice blue	#F0F8FF	(240,248,255)
	ghost white	#F8F8FF	(248,248,255)
	honeydew	#F0FFF0	(240,255,240)
	ivory	#FFFFF0	(255,255,240)
	azure	#F0FFFF	(240,255,255)
	snow	#FFFAFA	(255,250,250)
	black	#000000	(0,0,0)
	dim gray / dim grey	#696969	(105,105,105)
	gray / grey	#808080	(128,128,128)
	dark gray / dark grey	#A9A9A9	(169,169,169)
	silver	#C0C0C0	(192,192,192)
	light gray / light grey	#D3D3D3	(211,211,211)
	gainsboro	#DCDCDC	(220,220,220)
	white smoke	#F5F5F5	(245,245,245)
	white	#FFFFFF	(255,255,255)

Read More