• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Choosing the Best Colors for your Website

By Scout | on Feb 23, 2008 | 1 Comment
Design
  • Tweet
  • Share
  • Tweet
  • Share

Whenever you’re creating a website, choosing colors randomly often leads to disaster. Webdesign may not be as traditional as painting, but it is an art nonetheless and like all types of art, it requires a lot of careful study. There are several things that you have to consider before selecting final colors for your website.

If you’re designing for a business, consider their business colors. Branding is an important element of website design. Make sure you’re aware of any corporate colors if you’re designing for a business. If you’re designing for an individual, consider colors that suit the person. For example, pink might not go well for a male wrestler’s personal site.

Browser safe colors are your best bet. Most web browsers can only view a palette of 256 colors. Most webdesign and graphics software usually notify you if the colors you’re using are web browser safe or not. While you can break this rule and experiment for yourself, it’s a common rule of thumb to use web safe colors for large areas of solid color in your website.

Different colors create different impressions on website visitors. According to psychologists, all colors are capable of having both positive and negative qualities. White can symbolize clarity and purity, but can also denote emptiness and coldness. Red can denote strength and passion, but too much of it can give users the impression of aggressiveness and intimidation. You can do your own research on the meanings of colors and integrate them with the feelings you want to evoke from your website’s visitors. Just remember that color meanings differ among cultures, so it’s best to have a strong initial idea of who your target visitors are. Even men and women have their own different ideas of what colors mean.

Some colors cause eyestrain. While you can sparingly use reds and yellows to catch your site visitors’ attention, it’s inadvisable to use large areas of these bright colors. After all, you want your site visitors to stay as long as possible and you also want to encourage return visits. You can do this more easily if you use colors that are cool and relaxing, without too much contrast.

Keep in mind that these rules are for general use. You can definitely break them if you want to go for more artistic or dramatic effects. But if you’re using your website to advertise or represent your business, you’d want to stick to the basics.

Share this story:
  • tweet

Tags: web designweb design tipswebsite designwebsite design tips

Author Description

One Response to “Choosing the Best Colors for your Website”

  1. February 23, 2008

    Akash Mehta Log in to Reply

    Also, if you’re looking for colour schemes, try http://kuler.adobe.com/ or http://colourlovers.com/.

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 1,240Followers 494Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    May 2013
    M T W T F S S
    « Oct    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.