Web design and color selection

Discussion in 'HTML & Website Design' started by RichardSEO, Dec 3, 2008.

  1. #1
    Web design and color selection

    Which color could I choose suitably if my web has grass green background? :confused:
     
    RichardSEO, Dec 3, 2008 IP
  2. sourcer

    sourcer Well-Known Member

    Messages:
    960
    Likes Received:
    42
    Best Answers:
    0
    Trophy Points:
    120
    #2
    You can check out http://www.colourlovers.com/ . It has a lot of color schemes and it can be quite inspiring when you're trying to get started with a new design.
     
    sourcer, Dec 3, 2008 IP
  3. WebCatch

    WebCatch Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    WebCatch, Dec 3, 2008 IP
  4. 2advance

    2advance Well-Known Member

    Messages:
    2,614
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    140
    #4
    Try this light blue color, it looks pleasant.
     
    2advance, Dec 3, 2008 IP
  5. ayelet.k

    ayelet.k Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    what RGB number is your "grass-green"?
    its easier to match colors if you see the exact hue.
     
    ayelet.k, Dec 3, 2008 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    and easier to figure what colors should be used for any text.

    'back in the early days' of programming when we started to have 256 colors out of 65K possible, there was a calculation used to turn RGB into greyscale for the VGA card - both IBM and M$ put a lot of research into those numbers and in their own accessability guides of the time came up with the rule '50% luminance contrast minimum' to determine which colors provided the best levels of contrast for easy reading.

    One of my older posts covers this in good detail:
    http://forums.digitalpoint.com/showpost.php?p=3932375&postcount=17

    Just something to keep in mind when choosing your colors - is anyone going to be able to read it? A lot of your 'start in the goofy paint program' designs are a miserable /FAIL/ in that regard because for all their alleged learning about colorspaces, they never learn contrast as it applies to the human eye.
     
    deathshadow, Dec 3, 2008 IP
  7. RichardSEO

    RichardSEO Peon

    Messages:
    109
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Too many nice color selection tools here. And the deathshadow advice is more useful.
    Thanks everyone, thanks more.
     
    RichardSEO, Dec 3, 2008 IP
  8. RichardSEO

    RichardSEO Peon

    Messages:
    109
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I think I will use some good tools when I design my page(s). :)
     
    RichardSEO, Dec 3, 2008 IP
  9. ayelet.k

    ayelet.k Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    which reminds me what i read in a bulletin for people with A.M.D (not the company, the disease - Age related Macular Degeneration): the best way to make visionaly challenged people to see what you want them to see (for example, your ad) is to put opposite colors side by side.
    (in that case - if you RichardSEO aiming for visionaly challenged surfers on your web, you should put above the "grass green" background a "flame red" :)
     
    ayelet.k, Dec 4, 2008 IP
  10. RichardSEO

    RichardSEO Peon

    Messages:
    109
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Oh, no, thanks ayelet.k, thanks for your suggestion. www.TradeTuber.com is a global B2B marketplace online, is business site, is not for entertainment or for design. I want to choose the offwhite for the web text.
    Thanks for you.~ :)
     
    RichardSEO, Dec 5, 2008 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #11
    Uhm... no. First off green + red, at least for text is often quite illegible.

    Do the math from the formula I linked to - pure green (0,255,0 = 59% lum) and pure red (255,0,0 = 30% lum) only equals 29% difference, making it illegible. For the most part you are looking at going with a fullbright green and a really dark red (0,75,0) to have a snowballs chance in hell of legibility.

    Reds and blues, the closer you get to their pure color are very hard to deal with as combined they only make up 41% of the apparant luminance, while the rule of thumb is 50% luminance for usability minimums. Ever notice magenta is very difficult to read on a blue background? That's the cause. Blue text on red background or vice versa? Same thing.

    It's why of the lower 7 standard VGA colors the light grey (192L), yellow (170L) and magenta (134L) are of acceptable contrast on a black background. The rest are too low a luminance.
     
    deathshadow, Dec 5, 2008 IP
  12. offshore web development

    offshore web development Peon

    Messages:
    235
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I think navy blue would be the great choice looks, like windows theme.
     
  13. xtr33m

    xtr33m Active Member

    Messages:
    83
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    98
    #13
    try Silver .... with glassy effect ! it really suits ur background !
     
    xtr33m, Dec 5, 2008 IP
  14. RichardSEO

    RichardSEO Peon

    Messages:
    109
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Already I had some good suggestions with my question, thanks everybody.
     
    RichardSEO, Dec 8, 2008 IP
  15. yajur20

    yajur20 Banned

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    i prefer gold colour !
     
    yajur20, Dec 9, 2008 IP
  16. Irene I

    Irene I Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Here http://www.skalfa.com/press/site-templates-colors-of-success.html you will be able to find useful information on selecting colors for your design depending on the goals you want to achieve, and most importantly, on how to combine these colors efficiently to make your design look harmonious.
     
    Irene I, Oct 1, 2009 IP
  17. xenobiologist

    xenobiologist Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #17
    Look for a program buy the name of color schemer studio that might make it easier on you if you're not knowledgeable about color theory.
     
    xenobiologist, Oct 6, 2009 IP
  18. forextrendalerts

    forextrendalerts Guest

    Messages:
    132
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Web design is a kind of graphic design intended for development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities. The offered definition separates web design from web programming, emphasizing the functional features of a web site as well as positioning web design as a kind of graphic design....
     
    forextrendalerts, Oct 8, 2009 IP
  19. xenobiologist

    xenobiologist Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #19
    I forgot about these sites check them out they might give you want you want for free.

    http://colorschemedesigner.com/
    http://kuler.adobe.com/#themes/rating?time=30

    Hope that helps.
     
    xenobiologist, Oct 8, 2009 IP