Hex Color Code Chart & Generator

This is a great tool to use if you want to develop your website and add different type of colors into it . Below are given two different styled HTML Color Code Generators which may be helpful for you guys to design your website in a creative way.

Generate Your Own Custom Hex Colors:

Instructions to generate HEX Color Code:

1. Drag the black bar on the “Hue selector” to generate the desired base color.

2. Click inside the Brightness/Saturation grid to activate the cursor.  Drag it until the desired color is achieved.

The “Swatch” screen 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 (#000000) into your page.

Matching Color Scheme Generator:

• Once you have your hex color value from the Hex box above, just copy and paste it (without the #) into the box shown below the color wheel and click on Update. It will generate a matching color scheme for your website in  four boxes situated at the right side of HEX color code wheel generator. Just select the exact code given and use it in your HTML pages for the changes.

This is a great tool to use if you’re trying to come up with cohesive colors for your navigation, background, hyperlinks, etc.

If you Like the above tutorial then please share it with you friends, thank you