Color Theory on the Web

Color use and implementation can be readily transferred to the Web. Looking at these examples found on the Web,* once again we find evidence of color theory implementation. Each of these site examples demonstrates a color wheel relationship with respect to incorporated hues, an example of the Itten's color contrasts, and illustrates the use of dominant elements of design.

• Web Site: www.gravis.com
• Split-complementary relationship
• Primary field of analogous violet hues, contrasting accents of green & orange
• Itten's contrast of hue medium value / moderate contrast*
• *Note that the use of the neutral field of gray dilutes the overall contrast of the page, whereas in the following example, the use of full values increases the contrast of the visual plane.

• Web Site: www.treelogic.com
• Complementary relationship
• Primary field of cyan, contrasting accent of red orange
• Itten's contrast of hue or contrast of complements
• Medium value/ high contrast

• Web Site: www.neuemedia.com
• Split-complementary relationship
• Primary field of purple, contrasting accents of red orange and cyan
• Itten's contrast of hue or contrast of complements
• Medium value/ moderate-high contrast

• Web Site: www.smithandhawken.com
• Analogous relationship
• Primary field of desaturated yellow, contrasting accents of desaturated orange and green
• Itten's contrast of hue
• Medium value/ moderate contrast

*Note: these examples are for educational and illustrative purposes only and I have no known association with any of the respective companies. Please seek out the individual company's site for additional information relating to their products or services.

Continue tutorial, view: Color Theory Resources & Bibliography