Value refers to the lightness or darkness of a color. Tints are lighter values made by mixing color with white, while shades are darker values made by mixing color with black. Contrast occurs when two elements are different, such as opposing colors or sizes of text and background, and it serves to attract the eye, organize content, and create focus. Simultaneous contrast is an illusion created through the juxtaposition of different 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

21. Contrast

23. Simultaneous Contrast

24. Simultaneous Contrast