Color Tools

There are many elements to consider when building a website or blog. One of which is color. We live in a very visual world and color can be a real attention-grabber or it can be a real turn-off.

If you are one of the lucky ones that can ‘visualize’ and see how a page might look before it is written you may not need the tools we’ve put together. However, if you have trouble deciding what colors to use for text and links, if . . . say you want a blue background, then you may find these new pages helpful.

Color Table

…..makes it easy to find any code for any hexadecimal color. Use these grid tables to select the color you want and the code will display in the box below the grid.

Color Changer

….. makes it easy to darken or lighten a hexadecimal color. You can take the original color and using numbers ranging from .1  (yes, use a decimal number for darker) to 5 to get a range of colors.

Once you’ve input a number and clicked on ‘Output’, a ‘color bar’ will display. You can then click anywhere on the bar to get the exact color you want . . . and the hexadecimal code for that color will appear next to the ‘Output’ box.


……ever wonder what your page would look like with all the colors assigned before you published it? This handy page lets you assign colors for

  • Background
  • Background Image
  • Text
  • Links
  • Bold
  • Italic
  • Font Size

Once you’ve decided on the colors you want, you will see the HTML codes to use on your web page or blog for those colors.

All of these tools will be available from the ‘Pages’ – left sidebar – under ‘Tools’.

Comments are closed.