SlideShare a Scribd company logo
1 of 14
Color!

    ENC 3241
Clayton Benjamin
Primary Colors

    • Red, yellow and blue

    • Mixing Primary colors creates Secondary
      colors




http://www.colormatters.com/color-and-
design/basic-color-theory
SECONDARY COLORS

    • Green, orange and purple

    • These are the colors formed by mixing the
      primary colors.




http://www.colormatters.com/color-and-
design/basic-color-theory
Tertiary Colors
    • These are the colors formed by mixing a
      primary and a secondary color. That's why the
      hue is a two word name, such as blue-green,
      red-violet, and yellow-orange.




http://www.colormatters.com/color-and-
design/basic-color-theory
Other Terms for Colors
    •   Warm Colors: Colors such as red, yellow, and orange. These colors evoke warmth because
        they remind us of things like the sun or fire.

    •   Cool Colors: Colors like blue, green, and purple (violet). These colors evoke a cool feeling
        because they remind us of things like water or grass.

    •   Neutral Colors: Gray, Brown. These aren't on most color wheels, but they're considered
        neutral because they don't contrast with much of anything. They're dull and uneventful.

    •   Value: Usually refers to the amount of black in a color. The more black a color has, the darker
        its value.

    •   Brightness: Refers to the amount of white in a color. The more white a color has, the brighter
        it is.

    •   Saturation: Refers to the amount of a color used. When a color is at full saturation, it is
        extremely vibrant. When a color is "desaturated," a large amount of color has been removed.
        Desaturated colors tend to be close to being neutral because there is so much gray in them.

http://colortheory.liquisoft.com/
Color Harmony
    • A pleasing arrangement of parts
    • On one extreme, it can be boring
    • On the other extreme it is chaotic




http://www.colormatters.com/color-and-
design/basic-color-theory
Ways To Create Harmony
    • A color scheme based on analogous colors




    Analogous colors are any three colors which are
      side by side on a 12 part color wheel, such as
      yellow-green, yellow, and yellow-orange.
      Usually one of the three colors predominates.
http://www.colormatters.com/color-and-
design/basic-color-theory
Ways To Create Harmony
    • A color scheme based on complementary colors




    • Complementary colors are any two colors which are
      directly opposite each other, such as red and green
      and red-purple and yellow-green. In the illustration
      above, there are several variations of yellow-green in
      the leaves and several variations of red-purple in the
      orchid. These opposing colors create maximum
      contrast and maximum stability.
http://www.colormatters.com/color-and-
design/basic-color-theory
Ways To Create Harmony
    • A color scheme based on nature




    • Nature provides a perfect departure point for
      color harmony. In the illustration above, red
      yellow and green create a harmonious design,
      regardless of whether this combination fits into a
      technical formula for color harmony.
http://www.colormatters.com/color-and-
design/basic-color-theory
Color Context
After Images
    • When our eyes are exposed to a hue for a
      prolonged period, the rods & cones become
      fatigued. You might notice this if you are reading
      something on colored paper, and then look away
      —you often see the inverse, or complement, of
      the image. This occurrence can be advantageous
      if you are seeking the opposite, or contrast, of a
      color. This may be dismaying to a viewer if
      presented with prolonged exposure to colored
      screens or reading materials.

http://www.worqx.com/color/after_image.htm
Example:
Color Generators for Designers
• http://colorschemedesigner.com/
• http://www.cssdrive.com/imagepalette/index
  .php
• http://www.colorsontheweb.com/colortheory
  .asp
Examples of Good Color Use
• http://www.webdesignfromscratch.com/web-
  design/web-2-0-design-style-guide/
• http://www.inspiredm.com/colour-schemes/

More Related Content

What's hot

Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
Frank Bannon
 
The color wheel
The color wheelThe color wheel
The color wheel
Myers
 
Color-Interior Design
Color-Interior Design Color-Interior Design
Color-Interior Design
kellimccabe
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
jamieandlianne
 

What's hot (20)

Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
 
Color Theory - part 1
Color Theory - part 1 Color Theory - part 1
Color Theory - part 1
 
The color wheel
The color wheelThe color wheel
The color wheel
 
Green new 2_d_colorintro
Green new 2_d_colorintroGreen new 2_d_colorintro
Green new 2_d_colorintro
 
The Color Wheel #1
The Color Wheel #1The Color Wheel #1
The Color Wheel #1
 
A Brief Introduction to Color Theory
A Brief Introduction to Color TheoryA Brief Introduction to Color Theory
A Brief Introduction to Color Theory
 
Color
ColorColor
Color
 
Color-Interior Design
Color-Interior Design Color-Interior Design
Color-Interior Design
 
Lecture 1 colors
Lecture 1 colorsLecture 1 colors
Lecture 1 colors
 
Colours For Interior Decoration
Colours For Interior DecorationColours For Interior Decoration
Colours For Interior Decoration
 
Color Chapter 2 Powerpoint 2
Color Chapter 2 Powerpoint 2Color Chapter 2 Powerpoint 2
Color Chapter 2 Powerpoint 2
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 
Colour
ColourColour
Colour
 
Color
ColorColor
Color
 
Basic Color Theory
Basic Color TheoryBasic Color Theory
Basic Color Theory
 
COLOR PRESENTATION
COLOR PRESENTATIONCOLOR PRESENTATION
COLOR PRESENTATION
 
Color theory
Color theoryColor theory
Color theory
 
Color theory
Color theoryColor theory
Color theory
 
Color theory vocabulary
Color theory vocabularyColor theory vocabulary
Color theory vocabulary
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
 

Viewers also liked

Hadoop Infrastructure (Oct. 3rd, 2012)
Hadoop Infrastructure (Oct. 3rd, 2012)Hadoop Infrastructure (Oct. 3rd, 2012)
Hadoop Infrastructure (Oct. 3rd, 2012)
John Dougherty
 
Pre cd and artist research
Pre cd and artist researchPre cd and artist research
Pre cd and artist research
61141
 
페차쿠차_ 조연진
페차쿠차_ 조연진페차쿠차_ 조연진
페차쿠차_ 조연진
연진 조
 
Aca advocacy
Aca advocacyAca advocacy
Aca advocacy
schacctf
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
annaskelding
 

Viewers also liked (20)

PRUEBA TOEFL
PRUEBA TOEFLPRUEBA TOEFL
PRUEBA TOEFL
 
Enc 3241 document_design1
Enc 3241 document_design1Enc 3241 document_design1
Enc 3241 document_design1
 
SEO Pricing & Cost
SEO Pricing & CostSEO Pricing & Cost
SEO Pricing & Cost
 
Applying Big Data
Applying Big DataApplying Big Data
Applying Big Data
 
Hadoop Infrastructure (Oct. 3rd, 2012)
Hadoop Infrastructure (Oct. 3rd, 2012)Hadoop Infrastructure (Oct. 3rd, 2012)
Hadoop Infrastructure (Oct. 3rd, 2012)
 
Enc 3241 document_design1
Enc 3241 document_design1Enc 3241 document_design1
Enc 3241 document_design1
 
Organizaciones tradicionales vs organizaciones actuales
Organizaciones tradicionales vs organizaciones actuales Organizaciones tradicionales vs organizaciones actuales
Organizaciones tradicionales vs organizaciones actuales
 
Michigan Therapy Institute
Michigan Therapy InstituteMichigan Therapy Institute
Michigan Therapy Institute
 
Enc 3241 color
Enc 3241 colorEnc 3241 color
Enc 3241 color
 
Semantic Web (Web 3.0)
Semantic Web (Web 3.0)Semantic Web (Web 3.0)
Semantic Web (Web 3.0)
 
Qlitan wid my cousins
Qlitan wid my cousinsQlitan wid my cousins
Qlitan wid my cousins
 
Diapositiva asesores
Diapositiva asesoresDiapositiva asesores
Diapositiva asesores
 
Pre cd and artist research
Pre cd and artist researchPre cd and artist research
Pre cd and artist research
 
Enc 3241 usability
Enc 3241 usabilityEnc 3241 usability
Enc 3241 usability
 
Catedra virtual de cultura ciudadana
Catedra virtual de cultura ciudadanaCatedra virtual de cultura ciudadana
Catedra virtual de cultura ciudadana
 
페차쿠차_ 조연진
페차쿠차_ 조연진페차쿠차_ 조연진
페차쿠차_ 조연진
 
Usability ppt
Usability pptUsability ppt
Usability ppt
 
Aca advocacy
Aca advocacyAca advocacy
Aca advocacy
 
La empresa
La empresaLa empresa
La empresa
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
 

Similar to Enc 3241 color

Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Muhd Amirul
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic design
Nida Aslam
 

Similar to Enc 3241 color (20)

THEORY OF DESIGN 003.pptx
THEORY OF DESIGN 003.pptxTHEORY OF DESIGN 003.pptx
THEORY OF DESIGN 003.pptx
 
Color terms
Color termsColor terms
Color terms
 
Color
ColorColor
Color
 
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
 
Green colorintro
Green colorintroGreen colorintro
Green colorintro
 
The color wheel
The color wheelThe color wheel
The color wheel
 
135-Color.ppt
135-Color.ppt135-Color.ppt
135-Color.ppt
 
Image Processing - Color Science.pptx
Image Processing - Color Science.pptxImage Processing - Color Science.pptx
Image Processing - Color Science.pptx
 
wk 4 Psychology of Colors.pptx
wk 4 Psychology of Colors.pptxwk 4 Psychology of Colors.pptx
wk 4 Psychology of Colors.pptx
 
The art of colors
The art of colorsThe art of colors
The art of colors
 
Color Theory
Color TheoryColor Theory
Color Theory
 
ColorWheel.ppt
ColorWheel.pptColorWheel.ppt
ColorWheel.ppt
 
ColorWheel.ppt
ColorWheel.pptColorWheel.ppt
ColorWheel.ppt
 
ColorWheel.ppt
ColorWheel.pptColorWheel.ppt
ColorWheel.ppt
 
PPT - Psychology of Color.pptx
PPT - Psychology of Color.pptxPPT - Psychology of Color.pptx
PPT - Psychology of Color.pptx
 
Color theory hue tint shade intensity
Color theory hue tint shade intensityColor theory hue tint shade intensity
Color theory hue tint shade intensity
 
color theory 1.pptx
color theory 1.pptxcolor theory 1.pptx
color theory 1.pptx
 
Color theory In UI
Color theory In UIColor theory In UI
Color theory In UI
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic design
 
Green 2d 10_colorintro
Green 2d 10_colorintroGreen 2d 10_colorintro
Green 2d 10_colorintro
 

Enc 3241 color

  • 1. Color! ENC 3241 Clayton Benjamin
  • 2. Primary Colors • Red, yellow and blue • Mixing Primary colors creates Secondary colors http://www.colormatters.com/color-and- design/basic-color-theory
  • 3. SECONDARY COLORS • Green, orange and purple • These are the colors formed by mixing the primary colors. http://www.colormatters.com/color-and- design/basic-color-theory
  • 4. Tertiary Colors • These are the colors formed by mixing a primary and a secondary color. That's why the hue is a two word name, such as blue-green, red-violet, and yellow-orange. http://www.colormatters.com/color-and- design/basic-color-theory
  • 5. Other Terms for Colors • Warm Colors: Colors such as red, yellow, and orange. These colors evoke warmth because they remind us of things like the sun or fire. • Cool Colors: Colors like blue, green, and purple (violet). These colors evoke a cool feeling because they remind us of things like water or grass. • Neutral Colors: Gray, Brown. These aren't on most color wheels, but they're considered neutral because they don't contrast with much of anything. They're dull and uneventful. • Value: Usually refers to the amount of black in a color. The more black a color has, the darker its value. • Brightness: Refers to the amount of white in a color. The more white a color has, the brighter it is. • Saturation: Refers to the amount of a color used. When a color is at full saturation, it is extremely vibrant. When a color is "desaturated," a large amount of color has been removed. Desaturated colors tend to be close to being neutral because there is so much gray in them. http://colortheory.liquisoft.com/
  • 6. Color Harmony • A pleasing arrangement of parts • On one extreme, it can be boring • On the other extreme it is chaotic http://www.colormatters.com/color-and- design/basic-color-theory
  • 7. Ways To Create Harmony • A color scheme based on analogous colors Analogous colors are any three colors which are side by side on a 12 part color wheel, such as yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates. http://www.colormatters.com/color-and- design/basic-color-theory
  • 8. Ways To Create Harmony • A color scheme based on complementary colors • Complementary colors are any two colors which are directly opposite each other, such as red and green and red-purple and yellow-green. In the illustration above, there are several variations of yellow-green in the leaves and several variations of red-purple in the orchid. These opposing colors create maximum contrast and maximum stability. http://www.colormatters.com/color-and- design/basic-color-theory
  • 9. Ways To Create Harmony • A color scheme based on nature • Nature provides a perfect departure point for color harmony. In the illustration above, red yellow and green create a harmonious design, regardless of whether this combination fits into a technical formula for color harmony. http://www.colormatters.com/color-and- design/basic-color-theory
  • 11. After Images • When our eyes are exposed to a hue for a prolonged period, the rods & cones become fatigued. You might notice this if you are reading something on colored paper, and then look away —you often see the inverse, or complement, of the image. This occurrence can be advantageous if you are seeking the opposite, or contrast, of a color. This may be dismaying to a viewer if presented with prolonged exposure to colored screens or reading materials. http://www.worqx.com/color/after_image.htm
  • 13. Color Generators for Designers • http://colorschemedesigner.com/ • http://www.cssdrive.com/imagepalette/index .php • http://www.colorsontheweb.com/colortheory .asp
  • 14. Examples of Good Color Use • http://www.webdesignfromscratch.com/web- design/web-2-0-design-style-guide/ • http://www.inspiredm.com/colour-schemes/