HTML & CSS
Article

For the Color-Palette-Impaired

By Corrie Haffly

I used to work with someone who would joke about how he wouldn’t know a good color palette if it hit him in the face. (Actually, like a lot of people, he could tell you if a color palette didn’t “work” for a particular site, but didn’t know how to pick a good one.) At the time, I didn’t really know how to explain to him how I picked colors for my site designs; the process was mostly intuition and experimentation.

But now, there are a lot of online tools that help those who are color-palette-impaired (and even those who aren’t!) to come up with a few colors that work together. Here are some that I like:

1. http://www.pixy.cz/apps/barvy/index-en.html
This extremely cool tool allows you to pick different colors to start with, define your color scheme (monochromatic, complementary, and more), and adjust as needed. One of the coolest parts of this site is that it takes into account various forms of colorblindness, and even allows you to “preview” your color scheme as if you were colorblind.

2. http://www.colormatch.dk/
This tool is nice and simplistic, ideal for “quick fixes” or ideas. Pick a color, and a color palette is generated for you — no need to figure out if it “works” or not!

3. http://slayeroffice.com/tools/color_palette/
This tool allows you to pick a color, then “blends” it with two other colors to produce a gamut of hues to choose from.

(Any other good ones? Found this helpful? Post a comment!)

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in Front-end, once a week, for free.