A good website will have great combination of colours and making sure the template or themes colour is matching and not contrasting. Coders and CSS designer often need the various web safe colours. Here is a great little tool you can book mark. Even for designers it can be easy access to getting you colour swatches for your web design template.

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.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


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.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Author Profile

Donovan Crow
Donovan Crow
Web and Mobile App Technology for increasing marketing resources and increase productivity. Automation Customisation CRM ERP Solutions and interesting articles are yet other things we provide.

Sharing is caring!