Site hosted by Angelfire.com: Build your free website today!

Color Theory

HomeCSSTablesImagesTypographyLayoutDevices
Color TheoryFormsResourcesDreamweaver FeaturesAccessibilityMultimedia

In color theory, we often talk about the color wheel. A color wheel is really just the spectrum twisted around so that the violet and red ends are joined. The color wheel is particularly useful for showing how the colors relate to each other and how you can create new colors by mixing two or more colors. Adding it all together, we get the complete color wheel. The color wheel is the foundation for much of color theory, it is important to remember what it looks like and where the colors are in relation to each other.

How many colors? It is hard to give an exact answer to this question, but in general one can say that the risk of using too many colors is greater than the risk of using too few. Too many colors will make the page feel too busy and it usually makes it harder for the viewer to find the information he or she wants. It is also more tiring to the eyes. A page with too few colors, on the other hand, risks being seen as a bit boring, but this need not always be the case.

One commonly used rule in these matters is to use three colors.

  1. Primary color: This is the main color of the page. It will occupy most of the area and set the tone for the design as a whole.
  2. Secondary color: This is the second color on the page, and it is usually there to "back up" the primary color. It is usually a color that is pretty close to the primary color.
  3. Highlight color: This is a color that is used to emphasize certain parts of the page. It is usually a color which contrasts more with the primary and secondary colors, and as such, it should be used with moderation. It is common to use a complimentary or split-complimentary color for this.

My favorite links regarding color on the web are:

  1. More Crayons
  2. Web Color: The Magic and the Marketing
  3. Color Schemer
  4. Color Cop

Color Theory - In Review

  1. What is the color wheel?
  2. A color wheel is really just the spectrum twisted around so that the violet and red ends are joined.

  3. Name the primary colors.
  4. The three primary colors of the color wheel are red, yellow, and blue.

  5. Name the secondary colors.
  6. The three secondary colors that are created by combining two of the primary colors are purple, green and orange.

  7. Name the intermediate colors.
  8. The colors on the color wheel that are created by combining primary and secondary colors include red-orange, yellow-orange, yellow-green, blue-green, blue-purple, and red-purple.

  9. What is color value?
  10. Color value is how light the color is. The color values is made of tints and shades.

  11. Define tint.
  12. Tint is the lighter values of a color.

  13. Define shade.
  14. Shade is the darker values of a color.

  15. Describe three color schemes.
  16. 1) Monochromatic color is a color scheme using only one color and its tints and shades.

    2) Split complementary is a color scheme using a color in combination with the two colors directly to the left and right of its complement.

    3) Complementary is a color scheme using complementary colors, which are the colors opposite on another on the color wheel.

  17. Define monochromatic.
  18. Monochromatic is a color scheme using one color and its tints and shades.

  19. Give an example complementary colors.
  20. Complementary color examples are red/green, blue/orange, and yellow/purple.

  21. Give an example of analogous colors. Describe the problem usually encountered with analogous colors.
  22. Analogous color examples are green, blue-green, blue, and blue-purple. The problem with analogous colors is that the contrast does not vary much and the text can get lost in the background.

  23. Give an example of warm colors.
  24. Warm colors include reds, yellows, and oranges.

  25. Give an example of cool colors.
  26. Cool colors include blues, greens, and purples, which are my favorite colors.

  27. What is color psychology? Give examples of meanings attached to three colors in American culture.
  28. Color psychology means that colors often have different meanings in various cultures. In America, pink is associated with girls and blue is associated with boys. White may stand for purity and innocence as in a bride wearing a white dress. Red is the color of love.

Top of Page