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:
- 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 CodeThere are four different ways to name a color in the css or html programming code:
- 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.
- Hex Code -- #rrggbb (IE #00cc00). This method is recognized by all Internet Browsers.
- Decimal Code -- #rgb (IE #OcO)
- 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