SlideShare a Scribd company logo
(A VERY BRIEF)


INTRO TO USING COLOR
Every color can be defined by four essential qualities:



                       1. HUE

                  2. SATURATION

                  3. TEMPERATURE

                      4. VALUE
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                   3. TEMPERATURE

           The color’s perceived warmth or coolness
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Battle of the color wheels
ROY G BIV
In Adobe programs, there are two color models you need to know:

                      RGB & CMYK


                             RED




             BLUE                           GREEN




                                                            (K=black)
In Adobe programs, there are two color models you need to know:

                      RGB & CMYK


                             RED


     MAGENTA                                 YELLOW




             BLUE                           GREEN


                            CYAN
                                                            (K=black)
RGB is light. CMYK is ink.
RGB is light. CMYK is ink.

RGB is called additive because all of the colors together
             at 100% would create white.
RGB is light. CMYK is ink.

 RGB is called additive because all of the colors together
              at 100% would create white.

CMYK is called subtractive because the absence of all ink
                  would leave white.
Taken together, RGB and CMY form a relationship of
primaries and secondary colors that can be mixed to
         create all of the colors in between.
All six primary colors are made up of one complement and
                      two components.




                                 A 100% fully saturated green also
                                 contains no magenta. At all. Magenta
                                 also contains no green. They are each
                                 other’s complements.
All six primary colors are made up of one complement and
                      two components.



                                 A 100% fully saturated green is
                                 composed of equal amount of yellow
                                 and cyan only. Yellow and cyan are
                                 green’s components.




                                 A 100% fully saturated green also
                                 contains no magenta. At all. Magenta
                                 also contains no green. They are each
                                 other’s complements.
As a graphic designer, you need to
be comfortable with with working
with RGB (256 values) and CMYK
(ink percentages).

How would you increase the
saturation of the green sweater?
What is the “formula” for the
sweater?
Six basic color relationships:


 1. MONOCHROMATIC

     2. ANALOGOUS

    3. COMPLEMENT

 4. SPLIT COMPLEMENT

        5. PRIMARY

     6. SECONDARY
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)

More Related Content

USING COLOR (Intro to GD: Wk 5a)

  • 1. (A VERY BRIEF) INTRO TO USING COLOR
  • 2. Every color can be defined by four essential qualities: 1. HUE 2. SATURATION 3. TEMPERATURE 4. VALUE
  • 3. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 4. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 5. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 6. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 7. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 8. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 9. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 10. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 11. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 12. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 13. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 14. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 15. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 16. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 17. Every color can be defined by four essential qualities: 3. TEMPERATURE The color’s perceived warmth or coolness
  • 18. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 19. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 20. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 21. Battle of the color wheels
  • 23. In Adobe programs, there are two color models you need to know: RGB & CMYK RED BLUE GREEN (K=black)
  • 24. In Adobe programs, there are two color models you need to know: RGB & CMYK RED MAGENTA YELLOW BLUE GREEN CYAN (K=black)
  • 25. RGB is light. CMYK is ink.
  • 26. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white.
  • 27. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white. CMYK is called subtractive because the absence of all ink would leave white.
  • 28. Taken together, RGB and CMY form a relationship of primaries and secondary colors that can be mixed to create all of the colors in between.
  • 29. All six primary colors are made up of one complement and two components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  • 30. All six primary colors are made up of one complement and two components. A 100% fully saturated green is composed of equal amount of yellow and cyan only. Yellow and cyan are green’s components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  • 31. As a graphic designer, you need to be comfortable with with working with RGB (256 values) and CMYK (ink percentages). How would you increase the saturation of the green sweater? What is the “formula” for the sweater?
  • 32. Six basic color relationships: 1. MONOCHROMATIC 2. ANALOGOUS 3. COMPLEMENT 4. SPLIT COMPLEMENT 5. PRIMARY 6. SECONDARY