Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Oct 2002
    Location
    California
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    MHtml, any tips on choosing colors?

    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.

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Ames, IA, USA
    Posts
    373
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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).
    Need more emoticons?
    Visit Catman's Private Stock

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    North East England
    Posts
    853
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Mhtml's page is easily the best under construction page I've seen in some time

    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 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 }
    [+] Computer/PC issues [+] Silverpaw3D
    ------------------------------------------------
    Never buy a dwarf with learning disabilities...

    ...it's not big, and it's not clever.

  • #4
    New Coder
    Join Date
    Oct 2002
    Location
    California
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #5
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Futuremark seems to have a 2advanced feel to it...
    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #6
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Mhtml's page is easily the best under construction page I've seen in some time
    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.
    Omnis mico antequam dominus Spookster!

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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, even though it's mostly purple and yellow.
    Last edited by beetle; 01-30-2003 at 02:34 PM.
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”

  • #8
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You spelt the url wrong. You forgot the 'r'
    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #9
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Who did? Where?
    Omnis mico antequam dominus Spookster!

  • #10
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Mhtml
    Who did? Where?
    I did

    Fixed
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •