Color Matters

In the first 90 seconds of seeing a web page, 65 to 90% of the assessment is based on color alone. Color has the greatest influence on viewers. It impacts motion - the desire of the customer to act. Use colors that are seen in nature that engage the heart and eye.

On different monitors colors will appear different. Blue on your computer might be purple on another computer. Test your website out on different monitors before publishing. Do not use to many colors. "Less is more". Often it is best to pick one color from your main photos. Use that one color as your main color and have a second accent color. In all photos on your site, have the main color and the accent color. Light or neutral colors will create an open feeling.



RGB color codes chart

Hover with cursor on color to get the hex and decimal color codes for the color. Click on the color to change the background color of the page to that color:

Hex:   #    
Red:   
Green:   
Blue:   
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
















Color Schemes

Color Image
  • Monochromatic color - one color (different shades of one color), harmonious, peaceful, unity.
  • Analogue color - two colors that are beside each other on the color wheel;two related colors (ie blue & purple, red & orange), use one as dominant color, other as accent color
  • Contrasting Color - opposites (yellow & purple, red & green), a warm and a cold color
  • Triadic Colors - 3 opposing colors (red, yellow, blue)


Colors in Website Code

There are four different ways to name a color in the css or html programming code:

  1. Name the color -- Aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. Some older Internet Browsers do not recognize all the color names.
  2. Hex Code -- #rrggbb (IE #00cc00). This method is recognized by all Internet Browsers.
  3. Decimal Code -- #rgb (IE #OcO)
  4. rgb(0,0,0) (ie rgb(0,204,213) or (rgb(10%, 80%, 30%)

Feelings Associated with Colors

  • Red --- passion, fire. love, lust, energy, war, violence, blood, aggression, raises blood pressure, motivates person to take action
  • Pink --- romantic, caring, feminine
  • Orange --- like red but less passionate. Associated with autumn, Halloween, stimulants appetite, symbolizes health
  • Yellow --- sunshine, warmth, hope, light, energy, weakness, illness, cowardice
  • Green --- health, growth, wealth, spring, fertility, renewal, jealousy, inexperience
  • Blue --- one of the most calming colors, sky, sea, considered as a "safe" color, signifies intelligence, reassurances, trust, appetite, suppression, depression, sadness
  • Purple --- symbolizes creativity, spiritual, mysterious,deep purple shows richness and royalty, lavender shows romance and nostalgic
  • Black --- power, elegance, sophistication, death, evil, anger, sadness
  • White --- cleanliness, purity, spirituality
  • Gray --- security, maturity, reliability, gloominess, sadness
  • Brown --- neutral, warm, credibility, stability, hearth, home, earth


RGB color picker



WServices

6791 Highway 53
Eau Claire, WI 54701
PH: 715-456-7222
EMail: wservicesco@gmail.com
Website: www.wservices.co