Value refers to the lightness or darkness of a color, ranging from black to white on a linear scale. Tints are lighter values made by mixing color with white, while shades are darker values made by mixing with black. Contrast occurs when two differing elements are used in a design, such as opposing colors or different text and background sizes, which serves to attract the eye, organize content, and create a focus point. Simultaneous contrast is an illusion created through the juxtaposition of differing values.

1. Value and Contrast
2D_Thomas Green

2. Value
• “Value”
• Value refers to relative light and dark in a
sample. Hue is circular and continuous, but
value is linear and progressive.”

3. Value Scale-Color Wheel

4. Value Creates the illusion of Volume

5. All colors have value

6. 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.

7. Illusions can be created in values by
simultaneous contrast

8. Line, Space, Shape, Colour, Type, Weight, Concept
CONTRAST

9. Contrast

10. 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.

11. • 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?

12. Attracts the eye

13. Creates focus

14. Contrast

15. Contrast

16. Contrast

17. Contrast

18. Contrast

19. Contrast

20. Contrast

22. Simultaneous Contrast