Tuesday, February 5, 2013

Hex Color Code Chart & Generator


Generate Your Own Custom Hex Colors

1. Drag the black bar on the "Hue" selector to generate the desired base color. 
2. Next double click inside the Brightness/Saturation grid to activate the cursor.  Drag it until the desired brightness is achieved. 
The "Swatch" bar shows you the final color result.
3. The hex color code is generated at the bottom of the grid in the "Hex" box.  Simply copy and paste the code into your page.  




Next...Choose a Color Scheme!

Once you have your hex color value from the chart above, copy and paste it (without the #) into the form below the color wheel and it will generate a matching color scheme for your website.
This is a great tool to use if you're trying to come up with cohesive colors for your navigation, background, hyperlinks, etc.
Remember, it's best to choose 3-4 colors max and use them consistently throughout your website. It will make it look more cohesive.
 

Popular Hex Colors

#FFFFFF
#000000
#C0C0C0
#808080
#FF0000
#F0A804
#FFFF00
#008000
#0000FF
#800080

2 comments:

  1. may i get the widget. I want to add this widget on my website. will you please give me the code?

    ReplyDelete
    Replies
    1. subscribe to my rss and like my fb page then I will send you the widget code.Give me your mail id code can not be published publicly.

      Delete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our Instant HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
4.Click Subscribe by Email to receive Replies