Professional Documents
Culture Documents
Color Theory - Hue, Tint, and Value
Color Theory - Hue, Tint, and Value
Color Theory - Hue, Tint, and Value
com
www.getwsodo.com
I
was asked to design a financial special report targeted to executives. The client wanted the report
done in reflex blue and black. They used reflex blue in their other marketing materials and wanted to
continue with the same color to maintain their “brand identity.”
But as the project progressed, I discovered we couldn’t use reflex blue in the sidebars and callout
boxes as planned. At the 10-20% tints we needed for the boxes, reflex blue looks lavender. That’s not a
good color to use when you’re talking money with high-powered businessmen!
I brought it to the client’s attention, and they decided to scrap reflex blue. Instead, they went with
a blue that had more green in it so the color would remain more “masculine-looking” in tints.
It’s always worth bringing up color problems with your clients – even when they’ve insisted on
using a particular color scheme. Even the most adamant client may change his mind when he sees that
the color he’s “got to have” will hurt sales.
Color theory is the study of mixing and matching colors in the way that works best for each
application. You could fill an encyclopedia with all the concepts involved in color theory. But we’re
lucky. In DM design, there are actually just three concepts you’ll work with most of the time: hue, tint,
and value.
Hue
Hue is just a more technical word for “color.” It’s a term that describes the characteristics that
distinguish one color from another… such as red from yellow from blue. Hue is the term Quark Xpress
and other design programs use when they refer to color, so you’ll see it often.
Tint
A tint is a “screened” color. Hues are 100% saturated – the color is as intense as it can be. Tints of a
color are less saturated. The lower the saturation, the lighter the tint. In practice, tints simply use less of
the color on the page, which makes them look lighter. Tints are still “pure” colors – that is, they’re not
mixed with any other color.
Value
A color’s value is a reference to its brightness – how relatively light or dark the color appears. When we
discuss value, we’re actually making a relative comparison of the color to white. The closer to white the
color is, the brighter it appears to the eye… and the higher its value.
In today’s exercise, you’ll learn to work with hues, tints, and values in Quark Xpress.
AWA I
AMERICAN WRITERS & ARTISTS INC. 3:2 PAGE OF 4
www.getwsodo.com
www.getwsodo.com
3. Create a new text box on the page and type the following headline into it.
AWA I
AMERICAN WRITERS & ARTISTS INC. 3:2 PAGE OF 4
www.getwsodo.com
www.getwsodo.com
This changes the color to gray, because there’s less black on the page.
7. Now move the slider next to the Shade window down to 10%.
Notice how you can barely see the off-white letters against the white background.
AWA I
AMERICAN WRITERS & ARTISTS INC. 3:2 PAGE OF 4
www.getwsodo.com
www.getwsodo.com
That’s it! You started with a hue (100% black) and then tinted it (to 50% and then to 10%). As you
can see from the examples, both tinting steps increased the color’s value. That is, brought it closer to
white.
In this session, you uncovered how to work with hues, tints, and values in Quark Xpress. In
our next session, you’ll learn about color relationships and discover how to create eye-catching – and
pleasing – designs with color.
AWA I
AMERICAN WRITERS & ARTISTS INC. 3:2 PAGE OF 4