spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / authoring / graphics / color / nondesigners / chap2 / 1 To page 1To page 2To page 3current pageTo page 5To page 6
[previous] [next]

Web Graphics for Non-Designers, Chapter 2: Using Color

Web Developer
Bible League
US-IL-Crete

Justtechjobs.com Post A Job | Post A Resume
Developer News
Linux 2.6.26 Opens Up to Debugging
Borland Launches ALM Management Tools
Nominations Open for CEO Vision Awards

Analogous

Selecting colors adjacent to one another on the color wheel creates a scheme of analogous colors. For example, orange, red-orange, and yellow-orange would be an analogous scheme with a fiery influence. The swatches below are based around an analogous set of colors with supporting tones and neutrals. Applying the first swatch, for example, could see the white being used on the darkest orange as a highlight, or used as a background color for a content region.

Analogous Colors

Analogous swatches:

Analogous Color Swatch Example

Analogous Color Swatch Example

Analogous Color Swatch Example


Example: bullseye.com.au

Screenshot:

bullseye.com.au

Analogous Color Swatch Example

Bullseye, providers of Internet services, use a largely orange scheme that is a direct contrast to the blue used heavily by firms providing professional services to corporate clients.


Example: hillsmithestate.com

Screenshot:

hillsmithestate.com

Analogous Color Swatch Example

Winery Hill Smith Estate has used a combination of heritage greens, accompanied by an analogous straw color that maintains the natural feel.

An analogous color scheme can provide a truly harmonious feel to a site with a balanced visual experience. Using one of the colors predominantly will establish a solid base for your site layout, while the partnering colors maintain the soothing appearance. Examples of analogous themes are readily present in nature, from the blue-greens of the ocean to the red-browns of natural timber. Such schemes are useful in presenting resource companies as solid and hardworking, or environmental organizations as earthy and resourceful.


home / authoring / graphics / color / nondesigners / chap2 / 1 To page 1To page 2To page 3current pageTo page 5To page 6
[previous] [next]



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
How to Create an Ajax Autocomplete Text Field: Part 10 · Adding Client Capabilities to Server Controls Using the ASP.NET AJAX Control Toolkit · JavaScript and HTML Tricks
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Palm's Treo Presses On (iPhone Who?) · Toshiba Extends Notebook Line with 5400 and 7200-RPM Drives · Epson Kicks Color Cost to the Curb

Created: December 2, 2002
Revised: December 2, 2002

URL: http://webreference.com/authoring/languages/html/definitive/1/4.html