Value and Contrast

2D_Thomas Green

Value

• “Value”• Value refers to relative light and dark in a

sample. Hue is circular and continuous, but value is linear and progressive.”

Value Scale-Color Wheel

Value Creates the illusion of Volume

All colors have value

The lightness or darkness of a color is called its value.

• Tints are light values that are made by mixing a color with white. For example, pink is a tint of red (red and white), and gray is a tint of black (black and white). Tones are created by mixing with a shade of gray and possibly just muting the color, but not changing the value.

• Shades are dark values that are made by mixing a color with black. Maroon is a shade of red, and navy is a shade of blue.

Illusions can be created in values by simultaneous contrast

Line, Space, Shape, Colour, Type, Weight, Concept

CONTRAST

Contrast

What is it? Contrast happens when two elements on a page are different. For example it happens when two opposing colors are used in a design between the text and the

background or in the size and style of type. Our eyes like contrast.

• To achieve contrast the elements must be completely different. But what does contrast really do?

1. Attracts the eye

2. Organizes content/information

3. Creates focus

What Does it do?

Attracts the eye

Creates focus

Contrast

Contrast

Contrast

Contrast

Contrast

Contrast

Contrast

Contrast

Simultaneous Contrast

Simultaneous Contrast