A great site for the color blind web developer

I’ve built my share of web pages.  I can do the layout.  I can do the CSS, HTML, etc.  I always have problems picking a color scheme.  I’ve now found a site to help me out with that part of the process.

If you aren’t a natural at picking colors and/or were not professionally trained as an artist, you may find getting a set of colors which complement each other is difficult.  I usually use a set of colors from a design book or copy a pretty web.  If, however, I need a specific color… I’m SOL.

Enter ColorBlender.com.  This site is a variation on a tool which has been floating around the net in open source for a while (see “A little history lesson” below).  What I like about this particular implementation is it has a slick interface combined with the ability to export the color blends as a Photoshop Color Tables (great for all the pixel-pushers out there).

Here’s how it works:

1. Either start with a color in mind our use their blending sliders to construct a color (I decided to go with a nice, bright blue for this run)
   
   
2. If you like your blend, you’re done!
   
   
3. If you’d like to tweak the blend, click the “Direct Edit” radio button then adjust individual colors on your palette using the same sliders from step 1.
   

That’s really about it, go forth and create.  If you do end up using this on a web site, please let me know, I’d like to provide a link to your creation from this post so others can see how this tool can be applied to web design.

A little history lesson

The original tool was called ColorMatch 5K and was entered by Kim Jensen into a 2001 web competition which required the tools submitted be less than 5, 120 bytes.  Due to the size requirements, ColorMatch 5K was limited and didn’t have a ton of cross-browser compatibility, so many sites took up the code and improved upon it.  ColorBlender.com is my favorite, a quick search could help you to find yours.