SlideShare a Scribd company logo
1 of 51
Colour Theories
& Some
Applications
“The purest and most thoughtful minds are those
which love color the most.”
— John Ruskin
Scientific & Philosophical Interests &
Origins of Modern Colour Theory
• Isaac Newton
Opticks 1704
(old spelling of Optics)
– Used musical scale to
divide spectrum and
attach names to areas
– Physics (but
theological
implications)
Interpretations of Colour
Theory by artists
• Goethe’s Theory of
Colours (1810)
• Built on wavelength
theory of light (after
Newton)
• Methods interesting
• Conclusion refuted
• Influential on artists
• Ex. Turner
• Colour theory weblink
Goethe’s Colour Wheel
Research on Colour Theory &
Nomenclature (names) by scientists for
aesthetic ‘products’
• Michel Eugène Chevreul--
Chemist working in Gobelins
carpet factory
• Noticed optical mixing of two
adjacent colours
• De la loi du contrast
simultané des couleurs 1839
• Influential on artists
• 19th c. theories of “Simultaneous Contrast” and optical mixing Ex.
Eugène Delacroix Women of Algiers
Complementary Colours in art & design
Detail
• optical mixing
– Ex. Pointillism (neo-
expressionism)--Seurat
Complementary Colours in art & design
Seurat (details)
optical effects of
adjacent tonal values
or colours
link to stroboscopic
effects (complementary
colors seen as grey)
http://www.michaelbach.de/ot/m
ot_strob/index.html
Colour Theory & Practical
Applications in Design
Part of Pantone color swatch set with samples of color trends
for designers (fall 2008)
www.pantone.com
• Video Clip from The
Devil Wears Prada
Types of Colour
Theories
1. Subtractive Theory
• The subtractive, or
pigment theory deals
with how white light is
absorbed and reflected
off of coloured surfaces.
2. Additive Theory
• The Additive, or light
theory deals with
radiated and filtered
light.
Subtractive Theory
• Black absorbs most light
• White reflects most light
• Coloured Pigments absorb light and
reflect only the frequency of the pigment
colour.
• All colours other than the pigment
colours are absorbed so this is called
subtractive colour theory.
• The primary colours in Subtractive
Theory are:
– Cyan ( C )
– Magenta ( M )
– Yellow ( Y )
– Black ( K )
• Subtractive or Pigment Theory is used in
printing and painting.
Additive Theory
• Black radiates no light
• White (sun) radiates all light
• Video is the process of capturing and
radiating light, therefore it uses Additive
(Light) Theory not Subtractive (Pigment)
Theory.
• The primary colours in Additive Theory
are:
– Red ( R )
– Green ( G )
– Blue ( B )
• The primary colours add together to
make white
• Light Theory is also called Additive
Theory.
• Light Theory is used in Television,
theater lighting, computer monitors, and
video production.
The Visible Spectrum
The Colour Wheel
If the ends of the spectrum are bent around a
colour wheel is formed:
The Colour Wheel
• Colours on the wheel
can be described
using three
parameters:
1. Hue: degrees from 0˚
to 360˚
2. Saturation: brightness
or dullness
3. Value: lightness or
darkness
(As suggested by Henry Albert Munsell
in A Colour Notation, 1905)
The Colour Wheel: Hue
• Hue or Spectral
Colour is represented
as an angle.
• Primary Colours:
• 0˚ = Red
• 120˚ = Green
• 240˚ = Blue
• Secondary Colours:
• 60˚ = Yellow
• 180˚ = Cyan
• 300˚ = Magenta
The Colour Wheel: Saturation
• Saturation or Chroma is
the intensity of a colour.
• A highly saturated colour
is bright and appears
closer to the edge of the
wheel.
• A more unsaturated
colour is dull.
• A colour with no
saturation is achromatic
or in the grey scale.
The Colour Wheel: Value
"the quality by which we
distinguish a light colour
from a dark one."
- Albert Henry Munsell
A Colour Notation 1905
Value represents the luminescent
contrast value between black
and white
The Colour Wheel: Value
The Colour Wheel: Value
The Colour Wheel 3d
Three parameters to describe a colour: Hue
Chroma Value
Tone = Shade + Tint
MANY more scientific models based on different colour theory: (Example:
Colour Tree by American artist Henry Albert Munsell from
A Colour Notation, 1905.)
3D representation of the Munsell color model.
The vertical axis represents value (or
brightness) and ranges from 0 (black) to 10
(white). Distance from the center represents
chroma (or saturation). Values start at 0 (gray)
and go to anywhere from 4 to 30, depending
on how saturated the color can get. The angle
around the middle represents the hue (or
color).
One wedge of the Munsell color model.
Chroma increases horizontally, and value
vertically. Colors with a red border indicate
paint colors that cannot accurately be
reproduced on an rgb monitor (approximated
colors are shown). These diagrams only
extend to a chroma value of 16 despite some
colors extending well beyond this limit.
More Illustrations of the Munsell System
Source: http://ian-albert.com/graphics/munsell.php
Scientific & Industry-specific Color
systems
• CIE (Commission
internationale
d’éclairage),
• and MANY others
Using Color--
• blue in large regions, not thin lines
• red and green in the center of the
field of view (edges of retina not
sensitive to these)
• black, white, yellow in periphery
• Color Brewer
• Pantone
Colour Schemes
Systematic ways of selecting colours
• Monochromatic
• Complimentary
• Analogous
• Warm
• Cool
• Achromatic
• Chromatic Grays
Colour Schemes: Monochromatic
• Monochromatic:
One Hue many values of
Tint and Shade
Artist: Marc Chagall
Title: Les Amants Sur Le Toit
Colour Schemes: Complementary
(note spelling--NOT complimentary)
• Complimentary: Colours
that are opposite on the
wheel. High Contrast
Artist: Paul Cezanne
Title: La Montage Saint Victoire
Year: 1886-88
Color for Categories and
Sequences
Colour Schemes: Analogous
• Analogous: A selection of
colours that are adjacent.
Minimal contrast
Artist: Vincent van Gogh
Title: The Iris
Year: 1889
Colour Schemes: Warm
Warm: First half of the wheel
give warmer colours. The
colours of fire.
Artist: Jan Vermeer
Title: Girl Asleep at a Table
Year: 1657
Colour Schemes: Cool
Cool: Second half of the
wheel gives cooler colours
Artist: Pablo Picasso
Title: Femme Allongée Lisant
Year: 1939
Colour Schemes:
Achromatic, Chromatic Grays
Achromatic: Black and white
with all the grays in-between.
Chromatic Grays: Also called
neutral relief. Dull colours, low
contrast.
Colour Pickers & Choice of
Media
• HSB, HLS, HSV
• RGB
• CMYK
• Others
– Lab
– PANTONE
Munsell’s notation wheel
Colour Pickers: HSB, HLS,
HSV
• HSV
• Hue
• Saturation
• Value
• HSB (Same as HSV)
• Hue
• Saturation
• Brightness
• HLS
• Hue
• Lightness
• Saturation
Colour Pickers: RGB, CMYK
• RGB
• Red
• Green
• Blue
– Used in Video and
Computer graphics
– 3 Values in % or between
• 0-255
• CMYK
• Cyan
• Magenta
• Yellow
• K = Black
– Used for printing
Photoshop CS3 Picker
• Combines
HSB,
RGB,
CMYK,
Lab
(Luminance, Red/Green,
Yellow/Blue)
• Adobe
http://kuler.adobe.com/
Colour Pickers: PANTONE
• Standard for printing/fastion industry
Color and the visual display of
information
Ware, p. 84
Colour (hue) and counting or
searching
Hue
• Not Usually Pre-attentive
Hue & shape
Region Search
Hue boundary identified
pre-attentively
Form variations do NOT
interfere with hue
boundary identification
Form boundary NOT
identified pre-attentively
Hue variations interfere
with form boundary
identification
Area Estimation
• Blue rectangles? Sloped rectangles?
Fill and Shape
Brightnesss
Shape again
Luminance/Contrast
Color Theory Advanced.ppt

More Related Content

Similar to Color Theory Advanced.ppt (20)

Color Schemes & Wheel
Color Schemes & WheelColor Schemes & Wheel
Color Schemes & Wheel
 
Color models
Color modelsColor models
Color models
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color theory
Color theoryColor theory
Color theory
 
Color models
Color modelsColor models
Color models
 
PPT s03-machine vision-s2
PPT s03-machine vision-s2PPT s03-machine vision-s2
PPT s03-machine vision-s2
 
Color Models Computer Graphics
Color Models Computer GraphicsColor Models Computer Graphics
Color Models Computer Graphics
 
Color models
Color modelsColor models
Color models
 
TOD PPT GROUP 3.pptx
TOD PPT GROUP 3.pptxTOD PPT GROUP 3.pptx
TOD PPT GROUP 3.pptx
 
QUALITIES OF COLORS.pptx
QUALITIES OF COLORS.pptxQUALITIES OF COLORS.pptx
QUALITIES OF COLORS.pptx
 
0000064734 color scheme.pptx
0000064734 color scheme.pptx0000064734 color scheme.pptx
0000064734 color scheme.pptx
 
visual 102
visual 102visual 102
visual 102
 
Color order system
Color order systemColor order system
Color order system
 
Principals and elements of design.
Principals and elements of design.Principals and elements of design.
Principals and elements of design.
 
Arts 5 y 6
Arts 5 y 6Arts 5 y 6
Arts 5 y 6
 
Displays and color system in computer graphics(Computer graphics tutorials)
Displays and color system in computer graphics(Computer graphics tutorials)Displays and color system in computer graphics(Computer graphics tutorials)
Displays and color system in computer graphics(Computer graphics tutorials)
 
Colour scheming
Colour schemingColour scheming
Colour scheming
 
Colour theory
Colour theoryColour theory
Colour theory
 
image-pro.ppt
image-pro.pptimage-pro.ppt
image-pro.ppt
 
colorhistoryterminology.pdf
colorhistoryterminology.pdfcolorhistoryterminology.pdf
colorhistoryterminology.pdf
 

More from Raghunathan52

ms-excel-exercises.pdf
ms-excel-exercises.pdfms-excel-exercises.pdf
ms-excel-exercises.pdfRaghunathan52
 
Web Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfWeb Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfRaghunathan52
 
Web Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfWeb Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfRaghunathan52
 
FinalBCU-Unit1-DigitalFluency (1).pdf
FinalBCU-Unit1-DigitalFluency (1).pdfFinalBCU-Unit1-DigitalFluency (1).pdf
FinalBCU-Unit1-DigitalFluency (1).pdfRaghunathan52
 

More from Raghunathan52 (6)

18BCS5EL-U5 (1).pdf
18BCS5EL-U5 (1).pdf18BCS5EL-U5 (1).pdf
18BCS5EL-U5 (1).pdf
 
ms-excel-exercises.pdf
ms-excel-exercises.pdfms-excel-exercises.pdf
ms-excel-exercises.pdf
 
Web Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfWeb Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdf
 
Web Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdfWeb Technologies Notes - TutorialsDuniya.pdf
Web Technologies Notes - TutorialsDuniya.pdf
 
PPT temp.pptx
PPT temp.pptxPPT temp.pptx
PPT temp.pptx
 
FinalBCU-Unit1-DigitalFluency (1).pdf
FinalBCU-Unit1-DigitalFluency (1).pdfFinalBCU-Unit1-DigitalFluency (1).pdf
FinalBCU-Unit1-DigitalFluency (1).pdf
 

Recently uploaded

Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfadityarao40181
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerunnathinaik
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxUnboundStockton
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxAnaBeatriceAblay2
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 

Recently uploaded (20)

Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developer
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 

Color Theory Advanced.ppt

  • 1. Colour Theories & Some Applications “The purest and most thoughtful minds are those which love color the most.” — John Ruskin
  • 2. Scientific & Philosophical Interests & Origins of Modern Colour Theory • Isaac Newton Opticks 1704 (old spelling of Optics) – Used musical scale to divide spectrum and attach names to areas – Physics (but theological implications)
  • 3. Interpretations of Colour Theory by artists • Goethe’s Theory of Colours (1810) • Built on wavelength theory of light (after Newton) • Methods interesting • Conclusion refuted • Influential on artists • Ex. Turner • Colour theory weblink Goethe’s Colour Wheel
  • 4. Research on Colour Theory & Nomenclature (names) by scientists for aesthetic ‘products’ • Michel Eugène Chevreul-- Chemist working in Gobelins carpet factory • Noticed optical mixing of two adjacent colours • De la loi du contrast simultané des couleurs 1839 • Influential on artists
  • 5. • 19th c. theories of “Simultaneous Contrast” and optical mixing Ex. Eugène Delacroix Women of Algiers Complementary Colours in art & design
  • 7. • optical mixing – Ex. Pointillism (neo- expressionism)--Seurat Complementary Colours in art & design
  • 9. optical effects of adjacent tonal values or colours link to stroboscopic effects (complementary colors seen as grey) http://www.michaelbach.de/ot/m ot_strob/index.html
  • 10. Colour Theory & Practical Applications in Design Part of Pantone color swatch set with samples of color trends for designers (fall 2008) www.pantone.com • Video Clip from The Devil Wears Prada
  • 11. Types of Colour Theories 1. Subtractive Theory • The subtractive, or pigment theory deals with how white light is absorbed and reflected off of coloured surfaces. 2. Additive Theory • The Additive, or light theory deals with radiated and filtered light.
  • 12. Subtractive Theory • Black absorbs most light • White reflects most light • Coloured Pigments absorb light and reflect only the frequency of the pigment colour. • All colours other than the pigment colours are absorbed so this is called subtractive colour theory. • The primary colours in Subtractive Theory are: – Cyan ( C ) – Magenta ( M ) – Yellow ( Y ) – Black ( K ) • Subtractive or Pigment Theory is used in printing and painting.
  • 13. Additive Theory • Black radiates no light • White (sun) radiates all light • Video is the process of capturing and radiating light, therefore it uses Additive (Light) Theory not Subtractive (Pigment) Theory. • The primary colours in Additive Theory are: – Red ( R ) – Green ( G ) – Blue ( B ) • The primary colours add together to make white • Light Theory is also called Additive Theory. • Light Theory is used in Television, theater lighting, computer monitors, and video production.
  • 15. The Colour Wheel If the ends of the spectrum are bent around a colour wheel is formed:
  • 16. The Colour Wheel • Colours on the wheel can be described using three parameters: 1. Hue: degrees from 0˚ to 360˚ 2. Saturation: brightness or dullness 3. Value: lightness or darkness (As suggested by Henry Albert Munsell in A Colour Notation, 1905)
  • 17. The Colour Wheel: Hue • Hue or Spectral Colour is represented as an angle. • Primary Colours: • 0˚ = Red • 120˚ = Green • 240˚ = Blue • Secondary Colours: • 60˚ = Yellow • 180˚ = Cyan • 300˚ = Magenta
  • 18. The Colour Wheel: Saturation • Saturation or Chroma is the intensity of a colour. • A highly saturated colour is bright and appears closer to the edge of the wheel. • A more unsaturated colour is dull. • A colour with no saturation is achromatic or in the grey scale.
  • 19. The Colour Wheel: Value "the quality by which we distinguish a light colour from a dark one." - Albert Henry Munsell A Colour Notation 1905 Value represents the luminescent contrast value between black and white
  • 22. The Colour Wheel 3d Three parameters to describe a colour: Hue Chroma Value
  • 23. Tone = Shade + Tint
  • 24. MANY more scientific models based on different colour theory: (Example: Colour Tree by American artist Henry Albert Munsell from A Colour Notation, 1905.)
  • 25. 3D representation of the Munsell color model. The vertical axis represents value (or brightness) and ranges from 0 (black) to 10 (white). Distance from the center represents chroma (or saturation). Values start at 0 (gray) and go to anywhere from 4 to 30, depending on how saturated the color can get. The angle around the middle represents the hue (or color). One wedge of the Munsell color model. Chroma increases horizontally, and value vertically. Colors with a red border indicate paint colors that cannot accurately be reproduced on an rgb monitor (approximated colors are shown). These diagrams only extend to a chroma value of 16 despite some colors extending well beyond this limit. More Illustrations of the Munsell System Source: http://ian-albert.com/graphics/munsell.php
  • 26. Scientific & Industry-specific Color systems • CIE (Commission internationale d’éclairage), • and MANY others
  • 27. Using Color-- • blue in large regions, not thin lines • red and green in the center of the field of view (edges of retina not sensitive to these) • black, white, yellow in periphery • Color Brewer • Pantone
  • 28. Colour Schemes Systematic ways of selecting colours • Monochromatic • Complimentary • Analogous • Warm • Cool • Achromatic • Chromatic Grays
  • 29. Colour Schemes: Monochromatic • Monochromatic: One Hue many values of Tint and Shade Artist: Marc Chagall Title: Les Amants Sur Le Toit
  • 30. Colour Schemes: Complementary (note spelling--NOT complimentary) • Complimentary: Colours that are opposite on the wheel. High Contrast Artist: Paul Cezanne Title: La Montage Saint Victoire Year: 1886-88
  • 31. Color for Categories and Sequences
  • 32. Colour Schemes: Analogous • Analogous: A selection of colours that are adjacent. Minimal contrast Artist: Vincent van Gogh Title: The Iris Year: 1889
  • 33. Colour Schemes: Warm Warm: First half of the wheel give warmer colours. The colours of fire. Artist: Jan Vermeer Title: Girl Asleep at a Table Year: 1657
  • 34. Colour Schemes: Cool Cool: Second half of the wheel gives cooler colours Artist: Pablo Picasso Title: Femme Allongée Lisant Year: 1939
  • 35. Colour Schemes: Achromatic, Chromatic Grays Achromatic: Black and white with all the grays in-between. Chromatic Grays: Also called neutral relief. Dull colours, low contrast.
  • 36. Colour Pickers & Choice of Media • HSB, HLS, HSV • RGB • CMYK • Others – Lab – PANTONE Munsell’s notation wheel
  • 37. Colour Pickers: HSB, HLS, HSV • HSV • Hue • Saturation • Value • HSB (Same as HSV) • Hue • Saturation • Brightness • HLS • Hue • Lightness • Saturation
  • 38. Colour Pickers: RGB, CMYK • RGB • Red • Green • Blue – Used in Video and Computer graphics – 3 Values in % or between • 0-255 • CMYK • Cyan • Magenta • Yellow • K = Black – Used for printing
  • 39. Photoshop CS3 Picker • Combines HSB, RGB, CMYK, Lab (Luminance, Red/Green, Yellow/Blue) • Adobe http://kuler.adobe.com/
  • 40. Colour Pickers: PANTONE • Standard for printing/fastion industry
  • 41. Color and the visual display of information Ware, p. 84
  • 42. Colour (hue) and counting or searching
  • 43. Hue • Not Usually Pre-attentive
  • 45. Region Search Hue boundary identified pre-attentively Form variations do NOT interfere with hue boundary identification Form boundary NOT identified pre-attentively Hue variations interfere with form boundary identification
  • 46. Area Estimation • Blue rectangles? Sloped rectangles?