Home | CSS | Tables | Images | Typography | Layout | Devices | Color Theory | Forms | Features | Resoures | Access |
Using color effectively is important when designing a web page. It can affect the viewers mood and bias the opinion of the site. The color wheel has many different variations to red, orange, yellow, green, blue, indigo, and violet. The primary colors are red, yellow, and blue. The secondary colors are the primary colors mixed which make orange, green, and purple. If you mix primary and secondary colors together you will make intermediate colors which are red-orange, yellow-orange, yellow-green, blue-green, blue-purple, and red-purple.
Tints and shades are color values. Value means lightness, the lighter values are called tints and the darker values are called shades. Saturation is how vivid or dull a color is. Values and saturation is how we make colors we see in real life.
There are different color schemes that help you make your site attractive if you follow them. Monochromatic is using varies shades and tints of one color. Analogous allows you to use variations of three to five colors. Complementary is using colors that are opposite on another on the color wheel and creates a bold difference and makes them stand out.
You may and will want to consider how much white space your site will have. This is the areas that do not have any thing in them. It can give your site a fresh, clean appearance and may make it easier to read. You will also want to consider the color blind and make sure you don't use a red back ground with green lettering.
Here are some sites on the use of color for the web:
Question from review
1. The color wheel is the most basic colors red, orange, yellow, green, blue, indigo, and violet.
2. The primary colors are red, yellow, and blue; because they can be mixed to make other colors.
3. The secondary colors are orange, green, and purple.
4. Intermediate colors are red-orange, yellow-orange, yellow-green, blue-green, blue-purple, and red-purple.
5. Color value is how light the color is.
6. If a blue is lighter than this blue it is called a tint.
7. If a green is darker than this green it is called shades.
8. Three different color schemes are: monochromatic-use of only one color with tints and shades, analogous-use of three to five colors that are right next to each other on the color wheel, and complementary-use of colors that are opposite of one another on the color wheel.
9. Monochromatic is a simple scheme, mono means one and chroma means color.
10. Examples of complemenatary colors are red and green, purple and yellow, or blue and orange.
11. Examples of analogous colors would be red, red-orange, orange, orange-yellow. The troubles with using these colors together is they are so similar they may blend together and make it hard to see what you have on your site if you use one as a background color.
12. Warm colors are red, orange, and yellow.
13. Cool colors are blue, green, and violet.
14. Color psychology reminds us that colors mean different things to different people, and can will affect the viewer of your site. In America the colors blue, red, white, and grey mean stability, power, and trustworthiness. Yellow, brown, and green give off a sense of nature. Blues and aquas make people think of water and coolness.
