Hex Color Code Chart & Generator

Home >> Building Your Website >> Hex Color Code Chart & Generator

>> View the hex color chart
>> Generate your own hex colors
>> Color scheme generator
>> Free HTML Templates
>> HTML Table 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.

Free 3 Column HTML/CSS Template

Want to upgrade the look of your site to a 3-column template?

I've developed a simple template you can use and it has a stylesheet attached.

Download the template here and watch the instructional video to learn how to customize it. It's great for beginners wanting to learn more about CSS!