Colour guide to Web 2,.0 colour styles?

[Brian Turner]

I'm fine to gradient colours, but I'm not quite sure how to select colours for actually using in the gradients.

For example, on the nice new Revolution Blog theme (http://www.revolutiontheme.com/blog/), how would I find comparable colours the light and darker blue gradient in the top section? And how would I find comparable colours in green, red, even purple, etc?

Any pointers much appreciated.

[TWD-Tony]

There's a good collection here http://www.dezinerfolio.com/2007/03/...free-download/

[TWD-Tony]

And some good web 2.0 tips / graphics here http://www.webresourcesdepot.com/tag/gradient/

[Brian Turner]

Very nice.

I'm ideally looking for HTML colour codes more than anything else, though - I'm not very good with determining related colours, though.

[monaghan]

Try looking for a colour wheel, this will allow you to select complimentary colours. I recall finding an on-line colour wheel once which would give you the complimentary colours automatically (lost the URL though)

There's a good section on colour in this Sitepoint book The Principles of Beautiful Web Design

[lin robinson]

Hmm, interesting. I wonder if there are charts of changing hexadecimal numbers to get the sort of compliment that a color wheel gives for spectral colors.

Have you tried leaving, say the red digits the same, but switching the green and blue?

Changing, say, 336699 to 339966 ?
I hadn't realized that Web 2 came with a decor group. I was glad enough when you could start using the whole 16 million colors and not stick to those 3366CC things to be browser-proof.

[lin robinson]

I tried that out for green and came up with a bg graphic in which the bottom, dark line has the value 1A884E
The gradient at the top seems to run down from 1B4F89 to 4AB87E

The resulting background has a sort of minty green look, not the "Royal Green" value to match the blue. I also tried picking reds and greens from the same radiant on a color wheel, but that didn't work.

I'm starting to suspect that I don't understand the question. It seems to me that you pick colors and go with them. The full blue looks good, but green and red in the same value would NOT. You'd get the typical urpy green look, and fire truck connotations. My guess is you'd want to go to more muted shades in both, a marron or hunter green thing.
But then, like I said, I don't have much of an idea what Web2 has to do with esthetics.

[jazzermonty]

You could try a site like this
http://www.colorschemer.com/online.html

I use it all the time to download pallets. You could go one further and download this
http://iconico.com/colorpic/

Hope this helps

[lin robinson]

I don't get it.

The first one is just a limited color palette. The second ones looks like the color picker in virtually any graphics program...even paint.

I guess I don't understand the whole problem here. Is there some special quality of a color that makes it "Web2"?

If so, you could always pick up colors from sites. Either off code, or by downloading graphics and using an "eyedropper" on them.

[jazzermonty]

Originally Posted by lin robinson

I don't get it.

The first one is just a limited color palette. The second ones looks like the color picker in virtually any graphics program...even paint.

I guess I don't understand the whole problem here. Is there some special quality of a color that makes it "Web2"?

If so, you could always pick up colors from sites. Either off code, or by downloading graphics and using an "eyedropper" on them.

Going back to the original thread, pickink colours. Basically, if you have an idea of a colour you like, the first web site will provide you with complimentary colours to match. It's up to you which ones you pick.

The second one does the same thing but with much more options.

There is nothing special about Web2, it's just a term for how the existing functionality of the web can we used. See here

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

Cheers