How Color Plays an Important Role in Web Designing

Lets start with the Color Wheel which is nothing but the spectrum twisted around to make a complete color wheel that shows relationships between primary colors, secondary colors and complementary colors. 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.

Lets start with the Color Wheel which is nothing but the spectrum twisted around to make a complete color wheel that shows relationships between primary colors, secondary colors and complementary colors. 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. The wheel is divided into twelve distinct colors. In the below image you can see by combining primary, secondary and tertiary color we get the complete color wheel.

Every Designer wants to create an eye catching website but how it can be achieved. The answer is simple if he implements pleasant color schemes in his design, because color plays a critical role in graphic designing. Colorsontheweb is Web portal one must know while playing with colors. Below are few things explained, taken from the Colorsontheweb.

Color theory

  • Color Physics
  • The Color Wheel
  • Color Terms
  • Combining Colors
  • Color Contrast

Color tools

  • Color Wizard
  • Color Wheel
  • Color Contrast Analyzer

Color Wheel: The color wheel consist of a continual gradient of the colors in the spectrum, below image illustrates how combining primary, secondary and tertiary results in complete color wheel.

color-wheel

Color terms: Most commonly used terms in colors: Hue, Saturation, Tint and Shade, below image shows the difference between these terms.

color-terms

Color Combination: In Various ways you can set the color combo. Choose a color of your choice and you can set different combo. What I used to do while creating a web template, I randomly select any color which I like. Indeed it is a good source one can choose color according to the below pattern to keep harmony in one’s web template.

color-combo

Color Contrast: Below image illustrates different color contrast scheme.

contrast

Color Wizard : Choose a color randomly or manually, after that you can set various combination like Monochromatic, Analogous, Triadic, Tetradic etc. As shown in the image when you select any pattern it appears in the corner of the right-bottom.

color-wizard

Color Wheel : Select color of your choice and check varying it.

spin-color

Color Contrast Analyzer : You can test if your text color is compatible with the background.

color-contrat-analyzer

This is very useful for Graphic or Web Designer. Do you find this helpful let me know through your comments.

To read more details visit link : Colorsontheweb

6 Comments

techntuts December 24, 2010

An other great article huzaifa… šŸ™‚

Like your webdesign tips.. Thanks for the post… šŸ™‚

Huzaifa Darbar December 24, 2010

Thnx for mention šŸ™‚

santosh December 24, 2010

Nice one.
Can we expect another post on “How Typography Plays an Important Role in Web Designing”

Huzaifa Darbar December 25, 2010

Yes off course, I would like to write on typography.
anyways nice suggestion thnx.

xphunt3r December 27, 2010

Awesome Article to understand colorwheel… I always think how they work.. You article give me full detail it… Keep updating more articles…

Huzaifa Darbar December 27, 2010

Thnx buddy šŸ™‚