CSS Colour Scheme

zura's picture

She has: 13 posts

Joined: Mar 2006

Hello. I'm building a forum to go along with my site, and although the forum is in php, the colour scheme for the forum needs to be written in CSS.

I would like my forum to be in various shades of pink, hot pink, and black, what colours would that equivalate to in CSS script? I have no idea what the numbers for each colour would be.

Thanks! Smiling

+Disco me to oblivion, baby+

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Do you have a graphics program that you're using?

What you'll need are hexidecimal colour values. These are the same values used in HTML code. From your graphics program you should be able to get hexidecimal codes for any colour.

Here is a page that might be helpful:

http://www.december.com/html/spec/color4.html

zura's picture

She has: 13 posts

Joined: Mar 2006

Thank you for the page Megan! Smiling

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

And here's a good page with all the web-safe colors. A good starting place for some. I point clients to it all the time when they don't know what color they want.

http://www.webmonkey.com/reference/color_codes/

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Web safe colours are pretty much obsolete now.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

If by that you mean that it's not necessary to limit yourself to web safe colors, that's true. However, I've found that page to be a good starting place for clients who need a starting place. They often tell me the hex code, but then say "Make it a bit bluer than that." That sort of thing.

That's why I called it a starting place in the first post. Smiling

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

But those colours are so ugly!!! I wouldn't be adivisng anyone to pick from that selection :blech:

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Seriously!? That's literally an even spread of all colors possible (on the computer). Maybe the organization is just not pretty. But any color possible (not just web safe) is at the most 25 Red, 25 Blue or 25 Green (or any combination) away from any of those colors.

To each his own, I guess. If you want to use that page, do. If not, don't.

(Would now be a bad time to mention that the maroon color on this very site is listed on that page?)

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

timjpriebe wrote: Seriously!? That's literally an even spread of all colors possible (on the computer). Maybe the organization is just not pretty. But any color possible (not just web safe) is at the most 25 Red, 25 Blue or 25 Green (or any combination) away from any of those colors.

Every hue possible that its. If you want a bright, vibrant colour scheme that might work but in most cases you wouldn't want to limit yourself like that. For most designs a less saturated, more muted scheme is much better. Generally, they are all too bright and garish to be truly useful IMO.

timjpriebe wrote: (Would now be a bad time to mention that the maroon color on this very site is listed on that page?)

Right, there are a few in there that are half decent but most are way to bright and saturated to look good in a design. Coincidence, really. Try finding a complimentary colour from that list. (The colours for this site were chosen over 5 years ago - I wouldn't do the same if I were to start again actually).

I'd say that about 60% of those colours should never be used in a real design. Some of the darker range blues and reds are okay, and some paler greens and teals. The yellowish greens are truly hideous, same with most of the oranges and all those bright reds. There are so many bad colours in there that it's not even a useful starting point IMO.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

demonhale wrote: I still prefer this...

http://www.wellstyled.com/tools/colorscheme2/index-en.html

I use that site a lot too, although normally I plug in a hex code that I've already decided to use and find complimentary colours from there. Choosing right from the wheel - like choosing from the web safe pallete - might work as a general starting point (or if you really do want a very bright colour scheme) but those colours are generally too saturated to work for most projects. The pastel/dark pastel/light pastel choices are much more sophisticated looking.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Megan wrote: Every hue possible that its.

Nope. Every hue possible, every saturation possible and every lightness possible is still at the most 25 Red, 25 Blue or 25 Green (or any combination) away from any of those colors.

Any adjustments to hue, saturation or lightness still result in a hexadecimal code.

Let me put it this way: Give me any color and I will tell you the color on there it's within the aforementioned limits of. You can give me a hex code, image or website address.

Megan wrote: I'd say that about 60% of those colours should never be used in a real design.

Looks like we disagree on that. My opinion is that a good designer can pull off any color the client asks for. In a "real design."

(Not to anyone else reading this: This thread is not meant to imply any disrespect on my part toward Megan. Quite the opposite. I respect and like her work greatly. I just happen to disagree with her on this point.)

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

timjpriebe wrote:
Looks like we disagree on that. My opinion is that a good designer can pull off any color the client asks for. In a "real design."

I just reread my statement here and wanted to clarify. It's another issue entirely to pull off some oddball color SCHEME a client asks for. But if they give you one color, you should be able to pull off a scheme around it.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

timjpriebe wrote: Any adjustments to hue, saturation or lightness still result in a hexadecimal code.

Right, but not all hexidecimal codes are on that web safe list that you posted. It's a limited set - a set that happens to be very saturated (and ugly). So if you start by pointing them to a list of bright, garish, saturated hex codes then chances are they're going to pick something that will be hard to work with. Why not make your job easier by removing that limitation? I would probably be more likely to ask for a verbal description which keeps my doors open to choose something that is good looking, somewhat original, and appropriate for the project.

Sorry, I just realized I quoted that wrong above. That's what caused the confusion. I should have left out that last sentence about the 25/25/25 bit because I was not addressing that, i was addressing the web safe palette only.

Quote: Looks like we disagree on that. My opinion is that a good designer can pull off any color the client asks for. In a "real design."

My point is that you should try to start with a good colour if you can. Then you don't have to "pull it off". My approach is normally to keep as much power over colours for myself depending on the client and the project. Starting them weith the web safe selection is guaranteed to make my job harder.

ETA: And who wants to just "pull it off" anyway?? Better to have a good foundation to work with so you can do something really good, rather than having to settle for something that's not going to produce the best results.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

jeez, somebody even dissed me before for using a ferrari red with dark grey as a combo although its a classic combo, he tells me im wrong, as if i dont understand colour theory... If he was paying at that time I would have kept my mouth shut and work on his limits, and finally convince him what works... since he was not, i gave him a lecture on colour theory, colour wheel, complimentary colours etc... i guess he just wanted to learn something that day....

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

So you're saying you think the best colors were the inbetween values. Interesting thought. Personally, I'm fairly indifferent on that point. But I do think that site's presentation is somewhat lacking, but it has served its purpose in my work.

Maybe it's just the programmer in me, but I think you're much better at something if you can do it just as well with limitations as you can with no limitations. That's what I meant by "pull it off."

I do like Demonhale's link better, and use that myself. But when I have a client that is nitpicking on some color, I point them to that other page and have them start by pointing out which color is closest to what they want. And we go from there.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I agree with that last point - it might be useful if a client is being very very picky but then again, you're still asking them to choose from a set of really bad colours. Better to start with a selection of good colours so they can choose something nice. Even if you could work with that limitation, you shouldn't try to deliberately force it on yourself, that's what I think. Limitations are always going to happen, and they will always be a challenge, which does make one a better designer. But that doesn't mean you should bring them on deliberately by inviting the client to choose a bad colour.

This did give me a good idea for a contest Wink

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

And gave me an idea for a web app... Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.