Whether you planned it or not, your website is brimming with color. This post will talk about website color and guide you in making choices that your readers will appreciate. Colors on the web exist in images, video and in the text. You can manipulate the color in the web text by changing the CSS (Cascading Style Sheets). When you add images to your site, choose ones that don’t clash with your overall color scheme. On this blog, I purposely chose a lot of grays for the header, sidebar and subtitles, so the colors in the imagery I put on the post stand out more.
An important fact to know about color on the web is that the colors are represented in hex. This means you will see the color written with 6 numbers and/or letters, like this: #ffffff. Sometimes it is written in shorthand, like this: #fff. All those f’s are for white. Black will be shown with a bunch of 0′s: #000000 or #000. The letters used are only f through a while the numbers can be 0-9. You can learn more here on the Code Side of Color.
One way to maintain an overall color scheme for your blog or website is to pick a color palette, and stick to the colors in that palette as the major colors for your site. A great tool for doing this is called ColourLovers. Let’s say you know you want some shades of blue and maybe a few colors to match. Type “blue” into the box that says Search Palettes … (it’s at the top of the page). Not only do you get lots of palettes, but you can also narrow down your search adding other search terms, such as hue or a hex number (the numbers used to depict colors on the web) or published period for the palette. If you give it a try, let me know which palettes you like! Maybe you can use it to design a room in your house as well.
Another color tool that I have used for years is Eric Meyer’s Color Blender. Let’s say you have a blue that you want to be deeper. Or you have a blue that you want to be lighter. Select the original blue as your first color. To make it a lighter, select white (or #fffff) as your second color. Change midpoints to 10. You will then have many choices of new blues.
Your Turn, Please
Have you used any online color tools? Do you have any favorites? What combination of colors do you have on your blog or website?