Color Wheel and Color Theory

by ladykathleen on February 6, 2012


When many people initial start building their Web pages, they emanate pages in colors that they
like. If you’re propitious or have a good eye, you’ll finish adult with colors that demeanour good together. But
it’s really easy to set adult a tone intrigue that clashes and is formidable for your readers to view
for prolonged durations or during all.

Understanding tone speculation will assistance we to know how tone works on Web pages. And one of
the initial places to start training tone speculation is with the tone wheel. Sir Isaac Newton first
put together a round blueprint of colors in 1666. This tone circle allows we to see groupings
of colors that are agreeable together and other colors that competence clash.

Primary Colors

The primary colors (represented in the ) are RED, YELLOW, and BLUE. These colors, in normal tone theory, cannot
be shaped by blending any other color. All other colors are subsequent by combinations of these
colors. They are represented in HTML as:

  • Red: #ff0000 or #f00 in CSS
  • Yellow: #ffff00 or #ff0 in CSS
  • Blue: #0000ff or #00f in CSS

Secondary Colors

Secondary colors (represented in the ) are ORANGE, GREEN, and PURPLE. These colors are the multiple of red and yellow (orange), yellow and blue (green), and blue and red (purple). They are represented in HTML as:

  • Orange: #ff9900 or #f90 in CSS
  • Green: #00ff00 or #0f0 in CSS
  • Purple: #ff00ff or #f0f in CSS

Tertiary Colors

Tertiary colors (represented in the ) are YELLOW-ORANGE, RED-ORANGE, RED-PURPLE, BLUE-PURPLE, BLUE-GREEN, and YELLOW-GREEN.
These are the combinations of the delegate colors. They are represented in HTML as:

  • Yellow-Orange: #ffcc00 or #fc0 in CSS
  • Red-Orange: #ff6600 or #f60 in CSS
  • Red-Purple: #cc00cc or #c0c in CSS
  • Blue-Purple: #9900ff or #90f in CSS
  • Blue-Green: #00cccc or #0cc in CSS
  • Yellow-Green: #ccff00 or #cf0 in CSS

To put it all together, pierce on to the article.

Related Posts:

Previous post:

Next post: