In the visual arts, color theory or colour theory is a body of practical guidance to color mixing and the visual effects of a specific color combination. There are also definitions (or categories) of colors based on the color wheel: primary color, secondary color, and tertiary color. Although color theory principles first appeared in the writings of Leone Battista Alberti (c. 1435) and the notebooks of Leonardo da Vinci (c. 1490), a tradition of "colory theory" began in the 18th century, initially within a partisan controversy over Isaac Newton's theory of color (Opticks, 1704) and the nature of primary colors. From there it developed as an independent artistic tradition with only superficial reference to colorimetry and vision science.
A color wheel or color circle[1] is an abstract illustrative organization of color hues around a circle, which shows the relationships between primary colors, secondary colors, tertiary colors etc.
Some sources use the terms color wheel and color circle interchangeably;[2][3] however, one term or the other may be more prevalent in certain fields or certain versions as mentioned above. For instance, some reserve the term color wheel for mechanical rotating devices, such as color tops or filter wheels. Others classify various color wheels as color disc, color chart, and color scale varieties.[4]
As an illustrative model, artists typically use red, yellow, and blue primaries (RYB color model) arranged at three equally spaced points around their color wheel.[5] Printers and others who use modern subtractive color methods and terminology use magenta, yellow, and cyan as subtractive primaries. Intermediate and interior points of color wheels and circles represent color mixtures. In a paint or subtractive color wheel, the "center of gravity" is usually (but not always[6]) black, representing all colors of light being absorbed; in a color circle, on the other hand, the center is white or gray, indicating a mixture of different wavelengths of light (all wavelengths, or two complementary colors, for example).
The original color circle of Isaac Newton showed only the spectral hues and was provided to illustrate a rule for the color of mixtures of lights, that these could be approximately predicted from the center of gravity of the numbers of "rays" of each spectral color present (represented in his diagram by small circles).[7] The divisions of Newton's circle are of unequal size, being based on the intervals of a Dorian musical scale.[8] Most later color circles include the purples, however, between red and violet, and have equal-sized hue divisions.[9] Color scientists and psychologists often use the additive primaries, red, green and blue; and often refer to their arrangement around a circle as a color circle as opposed to a color wheel.[10]
Color schemes are used to create style and appeal. Colors that create an aesthetic feeling when used together will commonly accompany each other in color schemes. A basic color scheme will use two colors that look appealing together. More advanced color schemes involve several related colors in "Analogous" combination, for example, text with such colors as red, yellow, and orange arranged together on a black background in a magazine article. The addition of light blue creates an "Accented Analogous" color scheme.
Color schemes can contain different "Monochromatic" shades of a single color; for example, a color scheme that mixes different shades of green, ranging from very light (white), to very neutral (gray), to very dark (black).
Monochromatic
Monochromatic color schemes are all of a single tint, shade, and hue. Because they lack definition or focal areas, they tend to be relaxing. They are really easy to manage, as there are no more decisions to be made concerning color. However, depending on which hue is chosen, it could be stimulating as well. Imagine a room entirely of coral! Yikes! This is the easiest color guide. Just choose one color and go!
Analogous Palette
This palette uses harmonizing colors, either in the warm or cool spectrum. For instance, red-orange-yellow combinations or green-blue-violet are more appealing than violet-green-orange. Again there are exceptions. Try not to use too many analogous colors because it will ruin the flow of the area.
Complementary
Ok. Choose two colors. Now create shades, tints, and tones of those same colors. Congratulations! You just created your own complementary color palette. Using shades creates depth and character to your room. In this palette, the tints are used for focal points. This can create everything from a bright, cheerful style to a soothing, formal look.
Split Complementary
On the color wheel, these are exact opposites. Red’s opposite is green. Violet’s nemesis is yellow, and the anti-blue is orange. Here is where it gets difficult, so I’ll break it down. 1. Choose a color (I’ll choose blue). 2. Find its complimentary (orange). 3. Now choose colors on either side of orange on the color wheel (yellow-orange and red-orange). This allows for nuances of color, yet still maintains strong focal areas.
Triadic Complementary
Have you ever played cat’s cradle with a piece of string? Working with a triad complementary color scheme is kind of like that. It looks easy if you know what you’re doing. If you don’t, you just end up with a mess. The fundamental idea is that you take three colors which are evenly spaced around the color wheel. When everything is working, the palette provides a rich, balanced, and harmonious style that the others do not have. Because of its nature, it is used by many artists.
Web design uses color as RGB (red, green, blue) and print design uses color as CMYK (cyan, magenta, yellow, black.) Basically, monitors emit light and papers absorb light. Computer monitors show color as red, green and blue light at a low-medium resolution usually 72-75 dots per inch. Print production usually requires the four-color process CMYK in high resolution of at least 300 dpi.
A HTML color code is an identifier used to represent a color on the web. Common forms of these codes are as a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, and a HSL (hue, saturation, lightness) triplet. Each form allows a choice of 16,777,216 colors.
For example, the color red can be identifier using the following formats:
red (keyword name)
#ff0000 (hex)
(255,0,0) (RGB)
(0, 100%, 50%) (HSL)
Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection.
To use a selected color code within your webpage, you could place the following attribute within a given element to change its background color to red:
style="background-color: #ff0000;"
HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes.
To read more about html colors, Wikipedia has a good resource on web colors:https://en.wikipedia.org/wiki/Web_colors.