29

I've read several online tutorials about color theory but I'm still confused about how to "visually" catch color concepts and use them efficiently. The only thing I seem to understand is "hue" which is just a synonym of color, so anytime I can call something a color, I can also call it hue (correct me if I'm wrong). Here are the concepts I need to understand:

  • Hue
  • Chroma
  • Saturation
  • Value
  • Tones
  • Tints
  • Shade
  • Intensity
  • Brightness
  • Lightness.

Thank for you helping!

32

Don't feel bad. Color theory isn't easy.

First, many of your terms come from the many different ways to express a color. What we typically call a "color" (like, 'red' or 'orange') can be expressed in a variety of different ways:

  1. RGB: The combination of red, green, and blue light that forms a color. This is also called additive color (when you add more light, you get closer to white) and is what you'll see for digital cameras, televisions, monitors, and anything that emits light in general instead of needing an external light source to illuminate it.
  2. CMYK: The combination of Cyan, Magenta, Yellow, and black ink or paint that will reflect a certain color. This is also called subtractive color (when you add more ink, you get closer to black) and is what you'll see for printers or anything else that uses ink, pigments, or paint. Theoretically Cyan, Magenta, and Yellow components would be enough to make all colors, but it's cheaper and faster to use dedicated black ink for dark colors and shades of gray.
  3. HSL: A way to express a color in terms of its:

    • Hue: is it red or blue or anything in between? If you consider spectrum of visible light, hue determines on which point of the spectrum the color roughly is.
    • Saturation: Is the color purely, say, red, or is it muted down with some combination of gray? Totally saturated is red, totally unsaturated is gray (or white or black, depending on the…)
    • Lightness: Is it closer to white, or closer to black?

    You can play with an HSL color picker at MothereffingHSL.

    In Photoshop and elsewhere you'll see HSB (for Brightness which is in practice the same as HSV for Value) and HSI, which are both similar but not identical to HSL. More on those differences in this Wikipedia article.

  4. Lab: This is a way to plot a color based on its Lightness, amount of green or magenta (a), and amount of blue or yellow (b), a model that closely approximates human vision. With Lab, you can plot every single color that's possible in RGB and CMYK, so it's useful as an intermediate step in converting digital graphics for print.

Now, after you've got your color nailed down, your other terms:

  • Tint: for a given color, make it lighter (basically, add pure white) and you'll have a tint of that original color.
  • Shade: for a given color, make it darker (basically, add pure black) and you'll have a shade of that original color.
  • Tones: I see "tones" used to describe ranges of discrete brightness/lightness/luminescence levels in images. You'll also see it used to describe combination of colors. Mariam-Webster gives the example of "gray walls of a greenish tone".
  • Chroma: Generally this is another term for saturation or a combination of saturation and hue. The Wikipedia article on colorfulness groups chroma, saturation, and colorfulness together as loosely similar, but chroma does have a specific definition in some color spaces.
  • Intensity: Could refer to the brightness of a color or the saturation (or a combination). Like a soda can could be described as intensely red, or a white point of light would be intensely bright. One quirk of human vision is the Helmholtz–Kohlrausch effect, which describes how we perceive highly saturated colors as appearing lighter
1
  • 2
    It should be noted that "Tone" generally refers to the quality of color, gradients, shading, etc. It also refers to the range of discrete luminance levels present in an image. It is not really another term for tints and shades. Chroma, or Chromaticity, refers to the color "vector", which would be its angle around the color wheel, and its distance from the center of the wheel towards the edge. Intensity generally refers to brightness, and has more to do with the luminance axis (remember, color is three dimensional) than anything. Otherwise, SUPERB answer! – jrista Sep 19 '12 at 17:04
2

OK, I'll try:

Chroma - when decomposing a pixel value to components, it is possible to separate the quality of brightness or luminance (luma) of the pixel from its color contributors. These color contributors are called chroma components. Often, these are expressed as differences of the Red and Blue values from the brightness - or luma - component.

Saturation - how pure is the color (the hue). On the color space, pure hue can be mixed with white in different amounts. The less white, the more pure or saturated the hue.

Value - in HSV color space, this is an indicator of the luminance.

Tones - probably brightness variations on a specific hue.

Tint - variations in the hue, or superposition of a secondary hue on a primary hue.

Shade - the darker areas of an image.

Intensity - another word for brightness.

Brightness - how illuminating is a pixel. How much it "hurts" the eye.

Lightness - in the HSL color space, the quality of luminance of the color.

2

enter image description here

At the same time that photography was still primarily a B&W activity, others were researching and developing theories of human perception of color and models that could be used to describe the colors that humans perceive. Albert Munsell did exhaustive research in the decade between 1900 and 1910 and developed his color model which expresses color based on value (brightness, or tone), chroma (saturation), and hue (color).

The Munsell model is generally accepted today, although it is now understood that the shape of the limits of human color perception is not a tidy cylinder or sphere when expressed using the Munsell system. It looks more like this (with part of the area between blue and red cutaway to show the internal structure of the model.

enter image description here

Many of the terms listed in the question, however, have been around much longer than Munsell's system. Some of them originated in different languages than others and they sometimes have overlapping but slightly different shades of meaning. (See what I did there?)

Some of these terms mean one thing to a classically trained painter, and another to a photographer trained during the B&W era. What follows is how the terms are used in photography.

Hue - The angular position on the color wheel illustrated above. Green or Green-Yellow or Yellow or Yellow Red or Red, etc.
Chroma - The distance from the neutral center in the Mansell model. Near the center the hue is very muted. At the edges it is very intense, but it is the same hue.
Saturation - The combination of chroma and value. Hues look more "colorful" when they are near the middle of the value axis. If they are very dark, they don't look much different from black, if they are very bright they don't look much different from white. But a color with a high chroma and a value near five is very "colorful" a/k/a "saturated." With the RGB color model 'saturation' also means one or more of the three color channels is at 100% or full value. That channel can be said to be fully saturated.
Value - How white or black a shade of gray is. In color theory white and black are different brightness level of the same absence of hue. That is, no color is present.
Tone - In B&W photography it is strictly the same thing as value. In color photography it is also properly understood to mean 'value' when used alone. "Color tone", however can be used to refer to the total combination of color (chroma + hue) and value (brightness).
Tint - A word left over from the days before photography, it refers to what a painter would add to a color pigment to make it more white or more black. In the RGB color model 'tint' refers to the green←→magenta axis that is roughly perpendicular to the blue←→amber 'color temperature' axis.
Shade - Another leftover from painting that describes the darkening half of 'tint'. "Shading" a paint meant adding black to a color pigment to make it darker and thus have a lower tonal value.
Intensity - Mostly synonymous with value, but can sometimes also be used to denote a high degree of chroma. "Those flowers were such an intense shade of yellow that I thought they were going to blind me!"
Brightness - Similar to 'intensity', but less likely to be used to denote chroma instead of value.
Lightness - the other end from "shade' on the 'tint' scale with regard to adding white powder to a pigment to make it lighter. In photography it also refers to a higher number on the 'value' scale..

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.