Tuesday, August 25, 2009

How to Make Your Website's Colors Good


I'm not particularly talented at choosing colors, so I'm always asking for advice when I make designs from people with a good sense.

But I've found a pretty good hack for webpages. You can see the result at my website, http://jimdavies.org/

Here's what you do: find the dominant picture on your webpage, and find its URL (right click and select "view image"). In the case of my webpage, it's this:
http://jimdavies.org/images/jimdavies/2008-jimdavies-webb%20%2896%29.jpg

Then go to a website like the color palette generator and input your image.
www.degraeve.com/color-palette/



It will tell you the dominant colors in the image. It will tell you the color identifiers for websites. Then you can change your website html...


bgcolor ="#111111"
TEXT="#bb9999"
LINK="#bb7766"
ALINK="#eebbaa"
VLINK="#997777">


Assuming the palette in the photo is good, the website's colors will be good too. And even if the photo has bad colors, at least your webpage will match.

2 comments:

Webb said...

Good hack. BTW, photo by me.
http://www.flickr.com/photos/webbr

Jim Davies said...

Sorry Webb! Yes, he's right, this photo of me I use on my website was taken by none other than Webb Roberts of Atlanta, Georgia. Thanks again Webb!