Websites & Color – Color Psychology

Website ColorColors are can be separated into groups depending on how they make you feel. There are three basic groups of colors: cool, warm, and neutral. Picking the color group for your website should be based on the feelings you want to invoke. Also, consider using colors from each of the groups, to give you site balance.

Cool

Cool colors typically have a calming effect. While that sounds appealing, too many cool colors can feel cold or impersonal. Adding in some warm or neutral colors can help make a suite feel comfortable and soothing.

Cool colors include:

  • Blue
  • Green
  • Turquoise
  • Silver
  • Gray

Warm Colors

Warm colors invoke excitement in people. Unlike soothing cool colors, they typically cause strong emotional reactions. Too many warm colors on a website can be over-stimulating and may overwhelm your visitor.

Warm colors include:

4 Responses to “Websites & Color – Color Psychology”

  1. Mark Andrew Says:

    August 7th, 2011 at 1:55 pm

    I never thought that color have such an effect on creating a blog site.I thought it is just another way of putting some design for your site. Reading this article gives me a lot of ideas about colors its category and effect on the website. I prefer cool and warm color for my next webdesign.
    Mark Andrew´s last blog ..How can i win the lottery?My ComLuv Profile

  2. genary Says:

    August 8th, 2011 at 6:58 am

    Thanks for this post, this color wheel can really help on creating and combining colors when I will make my web page.
    genary´s last blog ..play angry birds onlineMy ComLuv Profile

  3. Saqib Khan Says:

    December 24th, 2011 at 9:16 pm

    Thanks for providing such wonderful and useful information about the nature of colors

  4. Jmbpsy Says:

    August 13th, 2012 at 6:01 am

    Colors are everywhere around us, they instill us states of mind, feelings, they give us the strength to move forward or they sink us into a deep silence. They are also the basis of a successful website!

Leave a Reply







XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled