33

My background is in web development, not UI design. I have no problem creating the layout and getting it pixel-perfect, but I can never figure out what colors to use and where. I have seen projects like Adobe's Kuler, but even then I don't know where to apply the colors in the design. Which is a good background color? font color? accent color?

Where do you get your color combinations and how do you decide how to use them?

20

I use http://colorschemedesigner.com/.

Hope this helps!

  • this web-app also help checking the color set against varying color blindness, quite useful – PATRY Guillaume Aug 10 '10 at 9:28
8

ColourLovers.com is a great tool for this purpose and related.

  • +1 to this. I always look there for inspiration. And have recommended it whenever possible. – LoganGoesPlaces Aug 10 '10 at 3:42
  • ColourLovers' parent company, Chromaom, also has colorschemer.com, downloadable color matching software. – Rahul Aug 20 '10 at 23:28
5

I've used ColorMatch in the past. You pick a colour you like and it will give you a six colour palette of complimentary colours based on the one you chose.

It is very lightweight, and because it is all done in html/javascript, can be saved to your disk for use when offline.

4

As I posted in Choosing a set of colors, Kuler is an app by Adobe focused on creating and sharing color schemes. You can search for schemes by tag.

3

www.colorhunter.com builds color palettes based on images. You can upload an image or point it to a url and it will help you pick colors.

Also here is a site I built a few weeks ago. It is still in serious alpha but it lets you pick colors for various elements on a page and see them in live.

ColorMoods

I would love any feed back you have about that. (remember alpha)

  • 1
    colorhunter is nice. at colormoods common schemes not working (color menu at left), also it's not obvious that user have to select element and then pick colors, everything else works well. – Maksym Gontar Aug 10 '10 at 18:28
1

I have used Agave occasionally for finding color combinations.

About "where to use them", I guess you need to experiment somewhat...?

0

You may find some of the links under http://www.delicious.com/adrianh/colour of interest. It's a mix of tools and articles.

0

For me this is the best: http://kuler.adobe.com

-1

http://www.colorsontheweb.com/colorwizard.asp

It lets you pick a color as a starting point (or even randomize it) and then it gives you the supplemental colors with several different schemes (triadic, tetradic, complimentary, etc.)

Not the answer you're looking for? Browse other questions tagged or ask your own question.