SlideShare a Scribd company logo
1 of 29
Download to read offline
Color Theory and
Composition
Color
• Is perception

• Our eyes see something and data sent from our eyes to
our brains tells us its a certain color.

• O object reflect light in different combinations of
wavelengths, and out brain pick up on those wavelength
combinations and translate them into the phenomenon
we call color.
RGB Color Mixing Model
• Mixing light= the additive color
mixing model

• Allows you to create colors
bemiring red, green and blue light
of various intensities

• More light you add the brighter the
color mix becomes.

• If you miss all three colours of light,
you get pure white light

• TVs, screens and projectors use
green and blue 

• Facebook, twitter, website
CMYK: the subtractive color
mixing model
• Any color you see on a
physical surface )paper,
signage, packaging, etc.)

• Learned in kindergarten when
mixing finger paints

• “subtractive” because you
subtract the light from paper
by adding more color

• Printing uses subtractive color
mixing method
Digitally created Yumbry Wheel Hand-painted Yumbry Wheel
• Designed by Sir Isaac newton
in 1666

• Artists use it to develop color
harmonies, mixing and
palettes

• Three primary colours

• Secondary colors

• Tertiary colors
Energy, brightness, action Calm, peace, and serenity
Dimensions of Color
• Hue- where it appears
around the edge of the
color wheel

• Chroma- how pure or
grayed-down it appears

• Value- lightness
• Albert Munsell’s contributions to the understanding and practical use of color was his
numerical classification system for all possible colours according to 3 dimensions

• ex. Beige = YR 7/2 ; Maroon = R 3/6 

• YR means “yellow red”
RED NEON
• Effect on eye couldn’t be mixed with pigments

• Neon color was the lightest value

• Only paint- white oil paint (no hue/character) + pure red /surround of
red orange at misvalue
LOCAL COLOR
• Color of the surface of an object as it appears close to white light

• Matching paint swatch= local color

• Color to mix to paint the object= different
Grays and Neutrals
• Provide setting for bright coloured accents

• Gives space and scope to a composition

• Creates a quiet reflective mood

• Gray comes in many subtle variations

• Mix from complementary pairs
GRADIATION
Light to dark

Dull to saturated one
TINTS
• Add white color raises it
to a “tint” or a pastel
color

• Hazy day

• Paler ranges of color

• Convey feeling of light

• 2 ways:

• Add white

• Apply thin transparent
layer over white
Logo design by Wiell for Pepper Powered
branding, marketing and sales
Webpage design by mute_work for Mahony’s Lawyers
Webpage design by Mila Jones Cann
Webpage design by MercClass by Glapion Law Firm
Color Context
• How color behaves in relation to other colours and shapes is a
complex area of color theory

• Ex. Red appears more brilliant in black background, duller against
white background, lifeless in orange, brilliance in blue green.

• Larger on black than other colours
Different readings of the same color
https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/

https://www.colormatters.com/color-and-design/basic-color-theory

2010, Gerney, James “Color and Light: A Guide For Realist Painter”

More Related Content

What's hot

Color theory
Color theoryColor theory
Color theoryhojungiee
 
Principles Of Design
Principles Of DesignPrinciples Of Design
Principles Of Designkjera
 
Pen And Ink
Pen And InkPen And Ink
Pen And Inkkyoung
 
Line, contour line, and observation drawing
Line, contour line, and observation drawingLine, contour line, and observation drawing
Line, contour line, and observation drawingAmanda Woodard
 
Elements of design
Elements of designElements of design
Elements of designpayal2633
 
AHSArt: Colored Pencils: History and Techniques
AHSArt: Colored Pencils: History and TechniquesAHSArt: Colored Pencils: History and Techniques
AHSArt: Colored Pencils: History and TechniquesAppoquinimink High School
 
Design principles and color presentation
Design principles and color presentationDesign principles and color presentation
Design principles and color presentationkmcintyre3
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignKM Claudio
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and ElementsMark Rotondella
 
Positive And Negative Space
Positive And Negative SpacePositive And Negative Space
Positive And Negative SpaceArtfulArtsyAmy
 
Dots, lines, and planes
Dots, lines, and planesDots, lines, and planes
Dots, lines, and planesCarolinaPeral
 

What's hot (20)

Value drawing
Value drawingValue drawing
Value drawing
 
Color theory
Color theoryColor theory
Color theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Principles Of Design
Principles Of DesignPrinciples Of Design
Principles Of Design
 
Color in design
Color in designColor in design
Color in design
 
Elements of design
Elements of designElements of design
Elements of design
 
Pen And Ink
Pen And InkPen And Ink
Pen And Ink
 
Understanding Color
Understanding ColorUnderstanding Color
Understanding Color
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Line, contour line, and observation drawing
Line, contour line, and observation drawingLine, contour line, and observation drawing
Line, contour line, and observation drawing
 
Elements of design
Elements of designElements of design
Elements of design
 
AHSArt: Colored Pencils: History and Techniques
AHSArt: Colored Pencils: History and TechniquesAHSArt: Colored Pencils: History and Techniques
AHSArt: Colored Pencils: History and Techniques
 
Design principles and color presentation
Design principles and color presentationDesign principles and color presentation
Design principles and color presentation
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and Elements
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Principle of design
Principle of design Principle of design
Principle of design
 
Positive And Negative Space
Positive And Negative SpacePositive And Negative Space
Positive And Negative Space
 
Dots, lines, and planes
Dots, lines, and planesDots, lines, and planes
Dots, lines, and planes
 
Value
ValueValue
Value
 

Similar to Color Theory and Composition (20)

Rainbows, unicorns and puppies
Rainbows, unicorns and puppiesRainbows, unicorns and puppies
Rainbows, unicorns and puppies
 
A Guide to Using Color Effectively
A Guide to Using Color EffectivelyA Guide to Using Color Effectively
A Guide to Using Color Effectively
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Concepts of Graphics- Color
Concepts of Graphics- ColorConcepts of Graphics- Color
Concepts of Graphics- Color
 
Johannes Itten
Johannes IttenJohannes Itten
Johannes Itten
 
Color
ColorColor
Color
 
Color theory2
Color theory2Color theory2
Color theory2
 
Graphic Design Colors
Graphic Design ColorsGraphic Design Colors
Graphic Design Colors
 
Colors and hickethier_cube
Colors and hickethier_cubeColors and hickethier_cube
Colors and hickethier_cube
 
Colour theory
Colour theoryColour theory
Colour theory
 
Colour in Photography
Colour in PhotographyColour in Photography
Colour in Photography
 
Colour theory
Colour theoryColour theory
Colour theory
 
Image Processing - Color Science.pptx
Image Processing - Color Science.pptxImage Processing - Color Science.pptx
Image Processing - Color Science.pptx
 
Selfportrait warhol
Selfportrait warholSelfportrait warhol
Selfportrait warhol
 
Elements of color
Elements of colorElements of color
Elements of color
 
11_color1_2ddesign_cj.pdf
11_color1_2ddesign_cj.pdf11_color1_2ddesign_cj.pdf
11_color1_2ddesign_cj.pdf
 
Value
ValueValue
Value
 
Creative Industry Lecture 2 a b color form and space
Creative Industry Lecture 2 a b color form and spaceCreative Industry Lecture 2 a b color form and space
Creative Industry Lecture 2 a b color form and space
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Color terms
Color termsColor terms
Color terms
 

More from Lucylle Bianca Cawaling (14)

Light Theory 2- Color and Light
Light Theory 2- Color and LightLight Theory 2- Color and Light
Light Theory 2- Color and Light
 
Light Theory
Light TheoryLight Theory
Light Theory
 
Drawing On The Right Side of the Brain
Drawing On The Right Side of the BrainDrawing On The Right Side of the Brain
Drawing On The Right Side of the Brain
 
Medium of Advertising
Medium of AdvertisingMedium of Advertising
Medium of Advertising
 
Art and Appropriation
Art and AppropriationArt and Appropriation
Art and Appropriation
 
Visual Art and the Sublime
Visual Art and the SublimeVisual Art and the Sublime
Visual Art and the Sublime
 
Street Art
Street ArtStreet Art
Street Art
 
Medium of Advertising
Medium of AdvertisingMedium of Advertising
Medium of Advertising
 
That thing called perspective
That thing called perspectiveThat thing called perspective
That thing called perspective
 
Children's book
Children's bookChildren's book
Children's book
 
My Powerpoint test
My Powerpoint testMy Powerpoint test
My Powerpoint test
 
Computer
ComputerComputer
Computer
 
Renaissance art
Renaissance artRenaissance art
Renaissance art
 
Ancient greek architecture
Ancient greek architectureAncient greek architecture
Ancient greek architecture
 

Recently uploaded

Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 

Recently uploaded (20)

Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 

Color Theory and Composition

  • 2. Color • Is perception • Our eyes see something and data sent from our eyes to our brains tells us its a certain color. • O object reflect light in different combinations of wavelengths, and out brain pick up on those wavelength combinations and translate them into the phenomenon we call color.
  • 3. RGB Color Mixing Model • Mixing light= the additive color mixing model • Allows you to create colors bemiring red, green and blue light of various intensities • More light you add the brighter the color mix becomes. • If you miss all three colours of light, you get pure white light • TVs, screens and projectors use green and blue • Facebook, twitter, website
  • 4. CMYK: the subtractive color mixing model • Any color you see on a physical surface )paper, signage, packaging, etc.) • Learned in kindergarten when mixing finger paints • “subtractive” because you subtract the light from paper by adding more color • Printing uses subtractive color mixing method
  • 5. Digitally created Yumbry Wheel Hand-painted Yumbry Wheel
  • 6. • Designed by Sir Isaac newton in 1666 • Artists use it to develop color harmonies, mixing and palettes • Three primary colours • Secondary colors • Tertiary colors
  • 7. Energy, brightness, action Calm, peace, and serenity
  • 8.
  • 9.
  • 10. Dimensions of Color • Hue- where it appears around the edge of the color wheel • Chroma- how pure or grayed-down it appears • Value- lightness • Albert Munsell’s contributions to the understanding and practical use of color was his numerical classification system for all possible colours according to 3 dimensions • ex. Beige = YR 7/2 ; Maroon = R 3/6 • YR means “yellow red”
  • 11. RED NEON • Effect on eye couldn’t be mixed with pigments • Neon color was the lightest value • Only paint- white oil paint (no hue/character) + pure red /surround of red orange at misvalue
  • 12. LOCAL COLOR • Color of the surface of an object as it appears close to white light • Matching paint swatch= local color • Color to mix to paint the object= different
  • 13.
  • 14. Grays and Neutrals • Provide setting for bright coloured accents • Gives space and scope to a composition • Creates a quiet reflective mood • Gray comes in many subtle variations • Mix from complementary pairs
  • 15. GRADIATION Light to dark Dull to saturated one
  • 16. TINTS • Add white color raises it to a “tint” or a pastel color • Hazy day • Paler ranges of color • Convey feeling of light • 2 ways: • Add white • Apply thin transparent layer over white
  • 17.
  • 18. Logo design by Wiell for Pepper Powered
  • 19.
  • 20.
  • 21.
  • 22.
  • 24. Webpage design by mute_work for Mahony’s Lawyers
  • 25. Webpage design by Mila Jones Cann
  • 26. Webpage design by MercClass by Glapion Law Firm
  • 27. Color Context • How color behaves in relation to other colours and shapes is a complex area of color theory • Ex. Red appears more brilliant in black background, duller against white background, lifeless in orange, brilliance in blue green. • Larger on black than other colours
  • 28. Different readings of the same color