View Full Version : MHtml, any tips on choosing colors?

01-27-2003, 09:01 PM
MHtml, quite impressed with your logo on your M5 Site, do you or anyone else have any "general tips" for choosing a color scheme, do you use any color picking applications? Or on your own? TIA.

I'd like to think my choice of colors on my sites as of late are ok, but not before hours of looking at it and incrementing colors here and there before it looks right, wondering if there's an easier way:)

BTW, all color picker programs I've used have never done me a whole lot of good for some reason. Never quite know where to use which color, etc.

01-27-2003, 09:59 PM
I'm not mhtml, but I'd recommend that you go for either contrast or harmony.

For contrast, the strongest are: Black and White (#000000 and #ffffff), Red and Cyan (#ff0000 and #00ffff), Blue and Yellow (#0000ff and #ffff00), and Green and Magenta (#00ff00 and #ff00ff). However, with the last three, you'll see some clash between the foreground and background, so you need to either lighten or darken one color (or lighten one and darken the other).

For example, if you fancy Blue and Yellow, something like #000066 and #ffffcc can provide nice contrast without too much clash. In addition, a higher contrast should avoid problems for those folks who are blue-yellow colorblind.

For harmony, just go with the basic colors (reds, greens, blues, yellows, cyans, magentas, or greys).

For example, you can get a nice selection of blues with #000033, #000066, #333366, #000099, #333399, #666699, #0000cc, #3333cc, #6666cc, #9999cc, #0000ff, #3333ff, #6666ff, #9999ff, and #ccccff.

If you'd like a redder or greener blue, just up the red or green (but note that if the red equals the blue, you'll get a magenta shade, and if the green equals the blue, you'll get a cyan shade).

Even with harmony, you want to make sure you have sufficient contrast between text and background, so using #ccccff with #000033 is better than say #9999cc and #9999ff.

Of course, you can do much, much more than this, but I find I get into less trouble if I don't venture beyond these basics (being colorblind, I'm not good when I try to get too fancy).

01-27-2003, 10:15 PM
Mhtml's page is easily the best under construction (http://www.m5interactive.com/) page I've seen in some time :p

btw addressing threads to individual members is a no, no ;)

I think picking a single colour and a background/base then selecting 2-3 shades is a good starting point; I find it hard to work with different colours at one time and produce an effective, aesthetically pleasing page.

I find the Futuremark (http://www.futuremark.com/) site quite pleasant on the eye, and for an infomation site it does particularly well in its aesthetics:function ratio...

JKD has a great colour picker device all done in JavaScript, not sure if it's still around as it used to be hosted by and ex-member... {no hints at all in this post Jason :p}

01-27-2003, 11:29 PM
Hey thanks guys,

And, yes, sorry about that mouse, wanted to send a PM, but couldn't figure out how to do it, I'm a bit dense:rolleyes:

01-28-2003, 11:41 AM
Futuremark seems to have a 2advanced feel to it...

01-28-2003, 01:14 PM
Mhtml's page is easily the best under construction page I've seen in some time :p

Really? Well, I aim to please. :)

Any ways, I tend to start with the base color. This color should be darker than the rest of them and in another color section of the spectrum but not be black. Black is boring and is everywhere.

Next you choose a highlight color. On my site this is the red. The highlight should obviously be harmonious with the darker color.

Now you need an independent light color. I tend to always use light gray (#e5e5e5) for this. Almost always.

After you have those three colors done you need to make a brighter version of the dark color and a lighter version of the darker color. So in this case I have a pale/grey blue for the light variation and a real blue that you can tell apart as the brighter color.

Those are all the colors you need. Just stick to that method and you have a lot of combinations with plenty of variations in each to accent your whole page and keep it balanced.

Also I use Xara X to pick my colors. I pick my basic color than use HSV mode of the color picker to define it until I think it is perfect.

I wouldn't recommend buying a $300 program to use just as a color picker though. ;)

01-28-2003, 05:30 PM
I use www.colorschemer.com/online/ sometimes too, although they have a downloadable demo of their product which is a bit better than the online version.

Don't be afraid to pick a tertiary color that has a different hue. I used green on select parts of this site (http://www.alderaanknights.com/), even though it's mostly purple and yellow.

01-30-2003, 11:22 AM
You spelt the url wrong. You forgot the 'r'

01-30-2003, 12:41 PM
Who did? Where?

01-30-2003, 01:34 PM
Originally posted by Mhtml
Who did? Where? I did :rolleyes:

Fixed :o