SlideShare a Scribd company logo
1 of 26
Basic Color Theory
I try to apply colors like words that shape poems, like notes
                        that shape music.
                          - Joan Miro
What is Color?
Color is what we see when light reflects off of an
object.

WHITE = Reflection of all light/color wavelengths.
  When you see something that is white, you are
  seeing all the colors being reflected at you.

BLACK = Absorption or absence of light/color
wavelengths.
   When you see something that is black, you are not
   seeing any colors at all.
Color Spectrum

The band of individual colors that results when a
beam of white light is broken into its component
wavelengths, identifiable as hues.
Local Color



The color as perceived by
the eye/brain (green grass,
blue sky, red apple, etc.).
Properties of Color
Hue = the actual color (ex. red, green, etc.)

Value = the lightness/darkness of a color.
    High-Key Color: Any color that has a value level of
    middle grey or lighter.
    Low-key Color: Any color that has a value level of
    middle grey or darker

Intensity/Chroma = the saturation or purity of a color. A
vivid color is of high intensity/chroma (like blood red),
and a dull color is of low intensity/chroma (like green-
grey).
Pigment - How We Make Color

An insoluble substance of color,
usually powder, that is added
to a liquid to produce paint /
ink
  Examples: red pigment +
  linseed oil = red oil paint;
  blue pigment + egg = blue
  tempera.
Soluble substances of color
dissolved in liquid are dyes.
Primary Colors
Hues that can’t be reduced
or created by any other
colors.
    Red
    Blue
    Yellow

They are used to mix all
other colors.
Secondary Colors

A color produced by
combing two primary
colors
   Purple (Violet)
   Orange
   Green
Tertiary Colors

A color produced by a
mixture of a primary color
and a secondary color
    Yellow-Green
    Yellow-Orange
    Red-Orange
    Red-Purple
    Blue-Purple
    Blue-Green
Color Schemes
The choice of colors used in design.

Are used to create style and appeal.

A basic color scheme will use two colors that look
appealing together. More advanced color schemes
involve several colors in combination, usually based
around a single color.

Can also contain different shades of a single color; for
example, a color scheme that mixes different shades of
green, ranging from very light (almost white) to very
dark.
Complementary Colors

Two colors directly opposite
each other on the color wheel.
    Red & Green
    Yellow & Purple
    Blue & Orange
When used together, make both
colors appear brighter or more
intense.
If you mix two complementary
colors, the result is brown/black.
Vincent van Gough - Cafe Terrace at Nigh - 1888
Split-Complement



A color and the two
colors on either side of
its complement
Frederick Carl Frieseke - Through the Vines - 1908
Analogous Colors
Colors that are closely
related in hues.

They are adjacent to each
other on the color wheel.
    For example, Yellow,
    Yellow-Orange, and
    Orange

When used together,
create a sense of harmony.
Color Triad
Three colors spaced an
equal distance apart on the
color wheel forming an
equilateral triangle.

The twelve-color wheel is
made up of a primary
triad, a secondary triad,
and two intermediate
(tertiary) triads.
Color Tetrad
Four colors, equally   Four colors, arranged
spaced on the color    into two complementary
wheel.                 pairs.
Monochromatic
Having only one hue, but
with a complete range of
values in that hue.




              amara de Lempicka - Marquis Sommi - 1925
Warm & Cool Colors
Warm Colors

Suggest warmth and seem
to move toward the viewer
and appear closer.

Are vivid and energetic.

Remember that warm
colors appear larger than
cool colors.
               Henri de Toulouse-Lautrec - The Kiss - 1892
Cool Colors

Suggest
coolness and
seem to recede
from a viewer
and fall back.

Give an
impression of
calm.
                 Vincent Van Gogh - Starry Night - 1889
Neutrals
No single color is
noticed - only a sense
of lightness or
darkness.

Also, a color altered by
the addition of its
complement so that it
is less intense, or
grayed.
                    Georgia O'Keeffe - Black Iris III - 1926
Neutralization


A color that has
been reduced in
intensity (grayed)
by being mixed
with any neutral
or its complement.
Changing Value

You can change the
value of a color in
three ways:

    Tint = add white
    Tone = add gray
    Shade = add black
Simultaneous Contrast
When two different colors come into direct contact,
the contrast intensifies the difference between
them.




In the example above, both of the smaller boxes are
the same color, yet appear different because of the
contrast with the color of the larger boxes.

More Related Content

What's hot

Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
jamieandlianne
 
Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
Frank Bannon
 

What's hot (20)

COLOR FUNDAMENTALS
COLOR FUNDAMENTALSCOLOR FUNDAMENTALS
COLOR FUNDAMENTALS
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Color Theory Book
Color Theory BookColor Theory Book
Color Theory Book
 
Color theory
Color theoryColor theory
Color theory
 
Color Mixing
Color MixingColor Mixing
Color Mixing
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
 
Colour
ColourColour
Colour
 
Understanding Color
Understanding ColorUnderstanding Color
Understanding Color
 
Color wheel
Color wheelColor wheel
Color wheel
 
Color Theory-Art
Color Theory-ArtColor Theory-Art
Color Theory-Art
 
Color
ColorColor
Color
 
The Color Wheel #1
The Color Wheel #1The Color Wheel #1
The Color Wheel #1
 
Color theory
Color theoryColor theory
Color theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Colour theory
Colour theoryColour theory
Colour theory
 
Color Wheel
Color WheelColor Wheel
Color Wheel
 
Color in design
Color in designColor in design
Color in design
 
Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
 
Color Theory
Color TheoryColor Theory
Color Theory
 
color scheme
color schemecolor scheme
color scheme
 

Viewers also liked

Principles Of Design
Principles Of DesignPrinciples Of Design
Principles Of Design
Artistick99
 
A history of graphic design
A history of graphic designA history of graphic design
A history of graphic design
Jessica Gavin
 
A Brief History of Graphic Design
A Brief History of Graphic DesignA Brief History of Graphic Design
A Brief History of Graphic Design
Sara Gonzalez
 
The color wheel
The color wheelThe color wheel
The color wheel
Myers
 

Viewers also liked (19)

Color Theory (Photography)
Color Theory (Photography)Color Theory (Photography)
Color Theory (Photography)
 
‏ Negative space art - Noma Bar
‏ Negative space art  - Noma Bar‏ Negative space art  - Noma Bar
‏ Negative space art - Noma Bar
 
Principles Of Design
Principles Of DesignPrinciples Of Design
Principles Of Design
 
Color theory-elementary
Color theory-elementaryColor theory-elementary
Color theory-elementary
 
Basic color theory for Painting
Basic color theory for PaintingBasic color theory for Painting
Basic color theory for Painting
 
A history of graphic design
A history of graphic designA history of graphic design
A history of graphic design
 
Color Theory: Pinconning High School
Color Theory: Pinconning High SchoolColor Theory: Pinconning High School
Color Theory: Pinconning High School
 
The Story of the Color Wheel
The Story of the Color WheelThe Story of the Color Wheel
The Story of the Color Wheel
 
Color Modes Meanings and Schemes
Color Modes Meanings and SchemesColor Modes Meanings and Schemes
Color Modes Meanings and Schemes
 
Color theory hue tint shade intensity
Color theory hue tint shade intensityColor theory hue tint shade intensity
Color theory hue tint shade intensity
 
A Brief History of Graphic Design
A Brief History of Graphic DesignA Brief History of Graphic Design
A Brief History of Graphic Design
 
Element of Art - Color
Element of Art - ColorElement of Art - Color
Element of Art - Color
 
Color power point
Color power pointColor power point
Color power point
 
Color schemes ppt
Color schemes pptColor schemes ppt
Color schemes ppt
 
Color Powerpoint
Color PowerpointColor Powerpoint
Color Powerpoint
 
The color wheel
The color wheelThe color wheel
The color wheel
 
How to use the color wheel to create colorful presentations
How to use the color wheel to create colorful presentations How to use the color wheel to create colorful presentations
How to use the color wheel to create colorful presentations
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 
Colour An Introduction
Colour An IntroductionColour An Introduction
Colour An Introduction
 

Similar to Color Theory

Similar to Color Theory (20)

Colour Theory
Colour TheoryColour Theory
Colour Theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Colour
Colour Colour
Colour
 
Colors, id
Colors, idColors, id
Colors, id
 
Color
ColorColor
Color
 
Chapter 13 color
Chapter 13 colorChapter 13 color
Chapter 13 color
 
Elements of Visual Art
Elements of Visual ArtElements of Visual Art
Elements of Visual Art
 
Color theory
Color theoryColor theory
Color theory
 
Color theory
Color theoryColor theory
Color theory
 
Teaching Arts in Elementary Grades Element of Visual Arts Color
Teaching Arts in Elementary Grades Element of Visual Arts ColorTeaching Arts in Elementary Grades Element of Visual Arts Color
Teaching Arts in Elementary Grades Element of Visual Arts Color
 
Colorwheel
ColorwheelColorwheel
Colorwheel
 
AHSArt: Color theory Drawing + Painting
AHSArt:  Color theory Drawing + Painting AHSArt:  Color theory Drawing + Painting
AHSArt: Color theory Drawing + Painting
 
Lesson 10 a understanding color
Lesson 10 a understanding colorLesson 10 a understanding color
Lesson 10 a understanding color
 
ColourART106.pptx
ColourART106.pptxColourART106.pptx
ColourART106.pptx
 
Color powerpointart8
Color powerpointart8Color powerpointart8
Color powerpointart8
 
Colour study
Colour study Colour study
Colour study
 
colortheory-1217362675462023-8.pdf
colortheory-1217362675462023-8.pdfcolortheory-1217362675462023-8.pdf
colortheory-1217362675462023-8.pdf
 
Colour
ColourColour
Colour
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 

More from mrsbauerart

History of Radio Dramas
History of Radio DramasHistory of Radio Dramas
History of Radio Dramas
mrsbauerart
 
History of Early Radio Technology
History of Early Radio TechnologyHistory of Early Radio Technology
History of Early Radio Technology
mrsbauerart
 
Early Italian Renaissance
Early Italian RenaissanceEarly Italian Renaissance
Early Italian Renaissance
mrsbauerart
 
Public Service Announcements
Public Service AnnouncementsPublic Service Announcements
Public Service Announcements
mrsbauerart
 
Print Public Service Announecments
Print Public Service AnnounecmentsPrint Public Service Announecments
Print Public Service Announecments
mrsbauerart
 
Radio Public Service Announcements
Radio Public Service AnnouncementsRadio Public Service Announcements
Radio Public Service Announcements
mrsbauerart
 
Linear Perspective
Linear PerspectiveLinear Perspective
Linear Perspective
mrsbauerart
 
The Photographic Essay
The Photographic EssayThe Photographic Essay
The Photographic Essay
mrsbauerart
 
Decoding Photographs
Decoding PhotographsDecoding Photographs
Decoding Photographs
mrsbauerart
 
Objective vs Subjective Analysis of Photographs
Objective vs Subjective Analysis of PhotographsObjective vs Subjective Analysis of Photographs
Objective vs Subjective Analysis of Photographs
mrsbauerart
 
Digital Photography Manual Exposure Controls
Digital Photography Manual Exposure ControlsDigital Photography Manual Exposure Controls
Digital Photography Manual Exposure Controls
mrsbauerart
 
A Beginner's Guide to Capturing Motion
A Beginner's Guide to Capturing MotionA Beginner's Guide to Capturing Motion
A Beginner's Guide to Capturing Motion
mrsbauerart
 
Depicting Time With Photography
Depicting Time With PhotographyDepicting Time With Photography
Depicting Time With Photography
mrsbauerart
 
Theories of Photographic Composition
Theories of Photographic CompositionTheories of Photographic Composition
Theories of Photographic Composition
mrsbauerart
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Design
mrsbauerart
 
A Timeline of Television Technology
A Timeline of Television TechnologyA Timeline of Television Technology
A Timeline of Television Technology
mrsbauerart
 

More from mrsbauerart (20)

History of Radio Dramas
History of Radio DramasHistory of Radio Dramas
History of Radio Dramas
 
Propaganda
PropagandaPropaganda
Propaganda
 
History of Early Radio Technology
History of Early Radio TechnologyHistory of Early Radio Technology
History of Early Radio Technology
 
Early Italian Renaissance
Early Italian RenaissanceEarly Italian Renaissance
Early Italian Renaissance
 
Public Service Announcements
Public Service AnnouncementsPublic Service Announcements
Public Service Announcements
 
Print Public Service Announecments
Print Public Service AnnounecmentsPrint Public Service Announecments
Print Public Service Announecments
 
Radio Public Service Announcements
Radio Public Service AnnouncementsRadio Public Service Announcements
Radio Public Service Announcements
 
Linear Perspective
Linear PerspectiveLinear Perspective
Linear Perspective
 
Shape
ShapeShape
Shape
 
The Photographic Essay
The Photographic EssayThe Photographic Essay
The Photographic Essay
 
Decoding Photographs
Decoding PhotographsDecoding Photographs
Decoding Photographs
 
Objective vs Subjective Analysis of Photographs
Objective vs Subjective Analysis of PhotographsObjective vs Subjective Analysis of Photographs
Objective vs Subjective Analysis of Photographs
 
Digital Photography Manual Exposure Controls
Digital Photography Manual Exposure ControlsDigital Photography Manual Exposure Controls
Digital Photography Manual Exposure Controls
 
Texture
TextureTexture
Texture
 
A Beginner's Guide to Capturing Motion
A Beginner's Guide to Capturing MotionA Beginner's Guide to Capturing Motion
A Beginner's Guide to Capturing Motion
 
Depicting Time With Photography
Depicting Time With PhotographyDepicting Time With Photography
Depicting Time With Photography
 
Theories of Photographic Composition
Theories of Photographic CompositionTheories of Photographic Composition
Theories of Photographic Composition
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Design
 
A Timeline of Television Technology
A Timeline of Television TechnologyA Timeline of Television Technology
A Timeline of Television Technology
 
Value
ValueValue
Value
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactistics
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 

Color Theory

  • 1. Basic Color Theory I try to apply colors like words that shape poems, like notes that shape music. - Joan Miro
  • 2. What is Color? Color is what we see when light reflects off of an object. WHITE = Reflection of all light/color wavelengths. When you see something that is white, you are seeing all the colors being reflected at you. BLACK = Absorption or absence of light/color wavelengths. When you see something that is black, you are not seeing any colors at all.
  • 3. Color Spectrum The band of individual colors that results when a beam of white light is broken into its component wavelengths, identifiable as hues.
  • 4. Local Color The color as perceived by the eye/brain (green grass, blue sky, red apple, etc.).
  • 5. Properties of Color Hue = the actual color (ex. red, green, etc.) Value = the lightness/darkness of a color. High-Key Color: Any color that has a value level of middle grey or lighter. Low-key Color: Any color that has a value level of middle grey or darker Intensity/Chroma = the saturation or purity of a color. A vivid color is of high intensity/chroma (like blood red), and a dull color is of low intensity/chroma (like green- grey).
  • 6. Pigment - How We Make Color An insoluble substance of color, usually powder, that is added to a liquid to produce paint / ink Examples: red pigment + linseed oil = red oil paint; blue pigment + egg = blue tempera. Soluble substances of color dissolved in liquid are dyes.
  • 7. Primary Colors Hues that can’t be reduced or created by any other colors. Red Blue Yellow They are used to mix all other colors.
  • 8. Secondary Colors A color produced by combing two primary colors Purple (Violet) Orange Green
  • 9. Tertiary Colors A color produced by a mixture of a primary color and a secondary color Yellow-Green Yellow-Orange Red-Orange Red-Purple Blue-Purple Blue-Green
  • 10. Color Schemes The choice of colors used in design. Are used to create style and appeal. A basic color scheme will use two colors that look appealing together. More advanced color schemes involve several colors in combination, usually based around a single color. Can also contain different shades of a single color; for example, a color scheme that mixes different shades of green, ranging from very light (almost white) to very dark.
  • 11. Complementary Colors Two colors directly opposite each other on the color wheel. Red & Green Yellow & Purple Blue & Orange When used together, make both colors appear brighter or more intense. If you mix two complementary colors, the result is brown/black.
  • 12. Vincent van Gough - Cafe Terrace at Nigh - 1888
  • 13. Split-Complement A color and the two colors on either side of its complement
  • 14. Frederick Carl Frieseke - Through the Vines - 1908
  • 15. Analogous Colors Colors that are closely related in hues. They are adjacent to each other on the color wheel. For example, Yellow, Yellow-Orange, and Orange When used together, create a sense of harmony.
  • 16.
  • 17. Color Triad Three colors spaced an equal distance apart on the color wheel forming an equilateral triangle. The twelve-color wheel is made up of a primary triad, a secondary triad, and two intermediate (tertiary) triads.
  • 18. Color Tetrad Four colors, equally Four colors, arranged spaced on the color into two complementary wheel. pairs.
  • 19. Monochromatic Having only one hue, but with a complete range of values in that hue. amara de Lempicka - Marquis Sommi - 1925
  • 20. Warm & Cool Colors
  • 21. Warm Colors Suggest warmth and seem to move toward the viewer and appear closer. Are vivid and energetic. Remember that warm colors appear larger than cool colors. Henri de Toulouse-Lautrec - The Kiss - 1892
  • 22. Cool Colors Suggest coolness and seem to recede from a viewer and fall back. Give an impression of calm. Vincent Van Gogh - Starry Night - 1889
  • 23. Neutrals No single color is noticed - only a sense of lightness or darkness. Also, a color altered by the addition of its complement so that it is less intense, or grayed. Georgia O'Keeffe - Black Iris III - 1926
  • 24. Neutralization A color that has been reduced in intensity (grayed) by being mixed with any neutral or its complement.
  • 25. Changing Value You can change the value of a color in three ways: Tint = add white Tone = add gray Shade = add black
  • 26. Simultaneous Contrast When two different colors come into direct contact, the contrast intensifies the difference between them. In the example above, both of the smaller boxes are the same color, yet appear different because of the contrast with the color of the larger boxes.

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n