Hacker Newsnew | comments | ask | jobs | submitlogin
Ask HN: How do you pick colors
68 points by matthodan 337 days ago | comments
How do you pick the colors that you use in logos and sites? I've been using Photoshop's color libraries for years to find attractive color combos, but I wanted to see how others have approached the task.


17 points by charliepark 337 days ago | link

http://kuler.adobe.com/ is a really good resource for this. You can name a general description of a color you want ("dirt" or "angry" or "light blue" or "cloudy"), and you'll get a ton of color combos, with a ton of complimentary colors thrown in for free.

-----

7 points by rogerthat 337 days ago | link

I find the color schemes don't translate well to a web design from the format that they present on Kuler. But maybe that's just me.

-----

1 point by flapjack 336 days ago | link

I personally use Kuler's color picker (http://kuler.adobe.com/#create/fromacolor) for my color schemes. It works really, really well.

-----

16 points by qhoxie 337 days ago | link

I've used http://www.colourlovers.com/ for years. Great site.

-----

4 points by jakarta 337 days ago | link

http://zabadab.eu/colorwhore/ http://www.knorrpage.de/colormatch.html

-----

5 points by dejv 337 days ago | link

http://colorschemedesigner.com/ is also nice, it also include emulator for different eye diseases

-----

2 points by bootload 336 days ago | link

"... observing nature is far more interesting than just trying to think about things ..."

Nature.

I discovered this back in 2007 playing around with images I'd taken out my kitchen window ~ http://www.flickr.com/photos/bootload/sets/72157603995704881... I also keep a hand colour set on flickr for reference ~ http://www.flickr.com/photos/bootload/sets/72157600195794663...

Back in 2007: "If I ever need to do things like come up with ideas observation of nature and complex systems such as the web is always a good place to start. Here I'm looking at colour & colour schemes. Never would have thought of this combo and ratios" ~ http://www.flickr.com/photos/bootload/541666109/

-----

4 points by colbyolson 337 days ago | link

I use Color Scheme Designer, it's so easy to find complementary colors and its a beautiful UI.

http://colorschemedesigner.com/

-----

4 points by diiq 337 days ago | link

I use color theory. http://www.worqx.com/color/index.htm

-----

2 points by petercooper 337 days ago | link

I use a lot of the sites mentioned elsewhere on this page, but other than that, one thing I also do is find pictures with color combinations in them that "jump out" at me and then sample those colors into a palette. This is how to get the most interesting combinations in my experience.

-----

2 points by petervandijck 336 days ago | link

And moving beyond the visual to branding: if there is an entrenched competitor in your space that uses a certain color (lets say blue), pick an opposite color (say red or green). If you color your logo/colorscheme the same as them, you are just confirming visually that your brand is a copy of them, and not positioning yourself as different, which will make it harder to compete (gain mindshare as the marketers say).

-----

2 points by petervandijck 336 days ago | link

So for example, if you're competing with national geographic, do NOT choose yellow :)

-----

2 points by petervandijck 336 days ago | link

Competing with digg, do NOT choose blue. etc.

-----

1 point by NathanKP 337 days ago | link

I usually consider the psychology of the colors I use, especially from the point of view of whether or not I am designing a commercial site. In addition it is important to consider the age group of your website visitors.

I've written an article about my take on color psychology in web pages:

http://experimentgarden.blogspot.com/2009/06/psychology-of-c...

-----

6 points by yannis 337 days ago | link

I 'lift' them from paintings :)

-----

4 points by Perceval 337 days ago | link

If you're really interested in how artists approach color and theory, you might pick up a copy of Kandinsky's Concerning the Spiritual in Art, which puts forth a modernist/Bauhaus color theory:

http://books.google.com/books?id=mG-VRWgfpuYC

http://en.wikipedia.org/wiki/Wassily_Kandinsky#Concerning_th...

-----

4 points by marcusbooster 337 days ago | link

Also, Josef Albers and his book Interaction of Color.

http://en.wikipedia.org/wiki/Josef_Albers

-----

2 points by yannis 337 days ago | link

Thanks for the links. IMHO artists have tried for centuries to capture 'moods' with colour and they did a much better job that I could ever do.

Kandinsky's book is interesting even if what he is saying is mostly metaphorical. However, some of his observations were spot on as that of describing the case of the German patient with color synesthesia. http://en.wikipedia.org/wiki/Grapheme-color_synesthesia

Fascinating topic!

-----

1 point by jamesbritt 337 days ago | link

Sometimes I semi-arbitrarily pick two colors that feel right with each other (on a white background), and start there.

I makes adjustments over time, the more I look at something while I work on it.

Often I poke around with assorted tools to see what pops up.

http://delicious.com/jamesbritt/colorpicker

-----

2 points by cgherb911 337 days ago | link

I see alot of posts from the design perspective but what is your brand trying to convey? Who are your customers? The sure fire way is to generate lets say 20 schemes, get friends, family, and biz partners to vote on their top 5. Get a collection of top 3-10 color schemes and show them to possible customers. Take their input and there you have a color scheme that has a high likelyhood of working for your target market. Attractiveness does not equal branding good, ex this famous brand: http://www.arrogantbastard.com/

-----

2 points by cgherb911 337 days ago | link

oh and a few more famous brands to back my argument for colors focus on your brand (story)... http://www.google.com http://www.purwater.com/#/healthy%20water,%20healthy%20you http://www.toyota.com/prius-hybrid/ http://www.teslamotors.com/

As you see the color schemes are only there to accentuate the brand. Do customers buy teslas in order to be green or because their a luxury sports car? Their color scheme is chosen on the basis of their brand and who their customers are.

-----

1 point by matthodan 337 days ago | link

Do you think it helps to use colors that you find in brands that people are already familiar with?

-----

1 point by cgherb911 337 days ago | link

The colors you choose shouldn't matter on what others choose. The colors you choose should convey your brand. Doing something different with your color scheme may even be a benefit in regards to being the purple cow.

-----

2 points by n-named 337 days ago | link

http://colorusage.arc.nasa.gov/ColorTool_appletMac.html

-----

2 points by lkozma 337 days ago | link

I pick a nice photo of nature and use a "color palette generator" (search for this, etc.)

-----

1 point by catch404 337 days ago | link

colr.org is a good resource for this

-----

1 point by lkozma 329 days ago | link

Also this palette generator: http://www.degraeve.com/color-palette/

-----

1 point by DanielStraight 337 days ago | link

I look for nice colors that aren't blue. Too many things use blue.

I also use the previously mentioned colourlovers and colorschemedesigner.

-----

1 point by silvio 337 days ago | link

In the same way that I wouldn't ask an artist to design a software library, I don't expect myself to choose colors, layout, or design correctly. When shown choices from designers, I can tell which ones I like, and which ones work, and so on, but hacking graphic aesthetics is something that takes years to get good at, as any kind of hacking.

I would recommend that you hire a designer, or make friends with some designers who can help you with this.

-----

2 points by davidw 337 days ago | link

Completely randomly, and it shows:-/

-----

1 point by bbest86 337 days ago | link

http://aviary.com has a great color picker called Toucan. It allows you to pick colours spaced out around the colour wheel based on a few parameters. Also does the colour-blindness emulator. You can check out colour palettes that others have created as well and modify them to become your own as you see fit.

-----

1 point by maxer 337 days ago | link

I wear very vibrant colors in life- lots of yellows, oranges and sky blues

This carries through in my designs-

So usually start with a color and may see a site with a scheme and alter it or use one of the color scheme choosers in google

-----

1 point by known 336 days ago | link

http://www.w3schools.com/tags/ref_color_tryit.asp?hex=ffffff

-----

1 point by RobEdwards 336 days ago | link

http://www.colourlovers.com/ is a great place to start. Loads of color pallets and textures.

-----




Lists | RSS | Search | Bookmarklet | Guidelines | FAQ | News News | Feature Requests | Y Combinator | Apply | Library

Analytics by Mixpanel