col·or noun, often attributive \ˈkə-lər\
- A phenomenon of light (as red, brown, pink, or gray) or visual perception that enables one to differentiate otherwise identical objects
- The aspect of the appearance of objects and light sources that may be described in terms of hue, lightness, and saturation for objects and hue, brightness, and saturation for light sources <the changing color of the sky>; also : a specific combination of hue, saturation, and lightness or brightness <comes in six colors> (2) : a color other than and as contrasted with black, white, or gray
- Merriam Webster Online Dictionary
The identity of a color as defined by its relationship to what are considered the "pure hues" (RED, ORANGE, YELLOW, GREEN, BLUE, VIOLET, etc.).
Saturation (Intensity, Chroma)
How intense or dull a color appears relative to other iterations of itself. The "pure hues" are considered to be highest saturation in that hue, with all other tints and shades being of a lowered saturation.
Value (Lightness, Darkness)
How a color relates to pure white and pure black. This interacts distinctly with hue and saturation as in the two common color spaces (CMYK and RGB) the values of the primaries are not equal.
The primary colors are named as such because they are the purest of colors, they cannot be formed by any combination of colors in the color space.
Why is it that cyan-blue and cyan-green do not combine to create cyan? The answer is that the color of pure cyan is unchanged by the inclusion of any other color. If we combine a color composed of cyan and magenta as well as cyan and yellow we end up with a color containing all of these primaries. In reality, instead of creating cyan we have created a darker, more neutral, and less saturated shade of cyan, but not the primary itself.
Primaries are considered "pure hues".
The color wheel shown above is based off of a CMYK color space, but the RYB (RED, YELLOW, BLUE) color wheel is traditionally used to represent pigmentation.
The secondaries are the next most pure colors, they are created by mixing equal parts of two of the primaries.
Secondaries are considered "pure hues".
The circle that contains the secondaries and the primaries is considered the circle of pure hues, it is the circle of highest visible saturation on the color wheel. Other circles in the color wheel concentric to this one contain the same hue distribution but vary in value and saturation.
Traditionally, this circle is the outer bound of the color wheel, as showing the outer tints or shades (depending on subtractive or additive) would create too much imbalance in the overall value representation of the color wheel.
Any color that exist in the circle of pure hues that is not a primary or a secondary is considered a tertiary color, or the third level of a pure color. As with secondaries, tertiaries are composed of only two primaries, but not in equal ratio.
Traditionally we think of six tertiary colors as those hues located halfway in between a primary and a secondary. When using a RYB color wheel (the most common pigmentation wheel, but more limited than CMYK) these are the colors with hyphenated names (Blue-Green, Yellow-Orange, etc.).
A tint is any color that has been shifted closer to white, it is a lighter version of the initial hue. Tint can be used as a global term (anything lighter than the pure hues) or locally (lighter than a relative hue).
To create a tint of a pigment color, it must be used in lower opacity or be added to a white pigment.
To create a tint of a color of light, a ratio of the primaries (RGB) must be added to the current color. If an equal part of each is added a desaturated tint will be created, while if they are scaled relatively (a zero value remains zero) a brighter version of a darker color will be created, retaining or increasing relative saturation. This means that a tint of a fully saturated color must be lower in saturation (the same occurs in the HSV color space).
A shade is any color that has been shifted closer to black, it is a darker version of the initial hue. Shade can be used as a global term (anything darker than the pure hues) or locally (darker than a relative hue).
To create a shade of a pigment color, it must be added to a darker pigment (in CMYK this is the Key, or BLACK) or mixed with the compliment. Mixing a hue with a compliment actually produces a neutral color, closer to a gray or an earth tone, and while creating a shade of the original hue, it also adjusts the saturation.
To create a shade of a color of light, less of the primaries (RGB) must be used while retaining the current ratio (changing the relative saturation), or removing an equal portion of each (changing the hue but retaining the saturation).
A neutral color is a color that does not exist naturally within the projected color wheel, but still has a place in the color space.
In pigmentation, a neutral is formed of all of the primaries used in unequal (or even equal) proportion.
In light, a neutral is created by adjusting a hue linearly (not to scale) from its current position, usually creating an unbalanced ratio between the three primaries.
Color contrast is similar to value contrast (in fact contains it as a subset if the grayscale range is considered to be within the color space). The contrast between two elements is their distance in their color space.
As color has three elements (Hue, Saturation, and Value), there are three ways in which two colors may be contrasted.
- Hue : Colors that have opposing hues (called complementary colors) have the highest level of hue contrast, while close hues (called analagous colors) have a low hue contrast. Hue contrast is not as strong as value contrast, but still quite apparent if properly used in a composition. In a color wheel representation, hue contrast is the angular distance between two colors (the smaller the angle the lower the contrast - the higher the greater the contrast).
- Value : The value contrast is the difference in the lightness and darkness of two colors. A very light color (10% gray in value) appears very prominently against a dark color (90% gray in value) (high contrast) but rather dull against a color with similar value (15% gray in value) (low contrast). This is the strongest of the three forms of color contrast, it has its basis in grayscale value contrast. In a color wheel, this is the radial distance between two colors.
- Saturation : This is a contrast between the intensities of colors. A very bright color (such as a pure hue) will have high contrast with a dull color (such as a tint or a neutral). This is the weakest of the forms of color contrast
As there are three distinct forms of color contrast, combining them allows for many levels of contrast between colors. Colors may contrast on one level, many different levels, all levels, or none. Two diametrically opposite colors (in contrast, not in the color wheel) will contrast on all levels (such as a bright, intense violet, and a dull dark yellow), while two close colors may only differ slightly on each (such as a simple blue, and slight tint of cyan).Simultaneous Contrast
An effect which occurs when two colors are identical on two of the three axes and perfect opposites on the last. Primarily this is seen when two distinctly different hues (such as complements) have exactly the same intensity and value. It results in a strong discomfort and creates the illusion of chaotic interaction. If used intentionally, it can be used to impress upon the viewer an unsettling feeling.
Color temperature is both used in a global color sense (relating a single color to the entire color space), and in a localized sense (relating a color to another adjacent color. It groups warm colors and cool colors and allows certain relative statements about each group to be made. Effectively, the warm/cool structure divides the color wheel (and concurrently color space) in half and allows the entirety of each half to be treated as a complement to the other half.
- Warm Color : RED, YELLOW, ORANGE
The warm colors lie around the red/yellow area of the color wheel. Warms are generally thought to advance in perceived space. In the spectrum of visible light, this shift happens between yellow and green. It is important to distinguish that even within the warm half of the spectrum, there may be relative warmth, with red generally being regarded as warmer than yellow (though this may be affected by saturation variances).
- Cool Color : BLUE, GREEN, VIOLET (equivalent of Magenta in light)
The cool colors lie around the blue/green area of the color wheel. Cools are generally thought to recede in perceived space. In the spectrum of visible light, this shift happens between yellow and green. It is important to distinguish that even within the cool half of the spectrum, there may be relative coolness, with blue generally being regarded as cooler than green or violet (though this may be affected by saturation variances).
Warmth and Coolness are often considered in the effects of light and shadow (as they are attributed to the spectrum of light emitted by a black body, though the actual temperature scale has been reversed). A warm light will leave cool cast shadows, while a cool light will leave warm ones (really each will leave the direct complement in the additive/light color space). Usually this effect is very slight and will only be noticed in an exceedingly warm or cool lighting situation, but an artist may manipulate the effect to accent the contrast (hue contrast) between the light and shadow halves of an object.
- Show approximate location of RGB in CMYK and the reverse (on the color wheels).
- Create a CIE comparison chart of the ranges of standard color spaces relative to the visible spectrum.
- Show more color relationships and harmonies.
- Describe and show examples of simultaneous contrast and other disharmony effects.
- Write value section of tutorial.
- Create chart showing approximate values of the pure hues.
- Create bounced light diagrams for hue relations through RGB in light.
- Create a set of exercises for the tutorial.
- Find links as example material (to the classics, some Renaissance, some Fauvism, and some of the Modernist Color Theorists).
- Link resources to other tutorials, diagrams, demonstrations, and instructional material (likely will simply link to the Color + Value page of the Index in #contribution-box - with a list of a direct bibliography used.