SlideShare a Scribd company logo
1 of 37
Color Theory
Color Theory
 Color theory is the collection of rules and guidelines which designers use to
communicate with users through appealing color schemes in visual interfaces.
 Color theory is both the science and art of using color.
 Color theory also involves the messages colors communicate; and the methods
used to replicate color.
 In color theory, colors are organized on a color wheel and grouped into 3
categories: primary colors, secondary colors and tertiary colors.
Understanding color
 Color is perception.
 Our eyes see something (the sky, for example), and data sent from our eyes to
our brains tells us it’s a certain color (blue). Objects reflect light in different
combinations of wavelengths. Our brains pick up on those wavelength
combinations and translate them into the phenomenon we call color.
 People decide whether or not they like a product in 90
seconds or less. 90% of that decision is based solely on
color. So, a very important part of your branding
must focus on color.
Color Systems
RGB: the additive color mixing model
 Mixing light—or the additive color
mixing model—allows you to create
colors by mixing red, green and blue
light sources of various intensities.
The more light you add, the brighter
the color mix becomes. If you mix all
three colors of light, you get pure,
white light.
 TVs, screens and projectors use red,
green and blue (RGB) as their
primary colors, and then mix them
together to create other colors.
Why should you care?
 Let’s say you have a very distinct brand with a
bright yellow logo. If you post the logo on
Facebook, Twitter or your website and don’t use
the correct color process, your logo will appear
muddy instead of that bright yellow. That’s why,
when working with files for any screen, use RGB,
not CMYK.
CMYK: the subtractive color mixing model
 Any color you see on a physical
surface (paper, signage, packaging,
etc.) uses the subtractive color
mixing model. Most people are
more familiar with this color model
because it’s what we learned in
kindergarten when mixing finger
paints. In this case, “subtractive”
simply refers to the fact that you
subtract the light from the paper
by adding more color.
Conti…
 Traditionally, the primary colors used in subtractive process were red, yellow
and blue, as these were the colors painters mixed to get all other hues. As
color printing emerged, they were subsequently replaced with cyan,
magenta, yellow and key/black (CMYK), as this color combo enables printers
to produce a wider variety of colors on paper.
Why should you care?
 You’ve decided to print a full-color brochure. If you’re investing all that
money into your marketing (printing ain’t cheap!), you expect your printer is
going to get the colors right.
 Since printing uses the subtractive color mixing method, getting accurate
color reproduction can only be achieved by using CMYK. Using RGB will not
only result in inaccurate color, but a big bill from your printer when you’re
forced to ask them to reprint your entire run.
The color wheel
 A color wheel or color circle is an
abstract illustrative organization of
color hues around a circle, which
shows the relationships between
primary colors, secondary colors,
tertiary colors etc.
 The first color wheel was designed by
Sir Isaac Newton in 1666 .
 The color wheel consists of
three primary colors (red, yellow,
blue), three secondary colors (colors
created when primary colors are
mixed: green, orange, purple) and
six tertiary colors (colors made from
primary and secondary colors, such
as blue-green or red-violet).
Primary Colors
 In traditional color theory
(used in paint and
pigments), primary colors
are the 3 pigment colors
that cannot be mixed or
formed by any
combination of other
colors. All other colors are
derived from these 3
hues.
Secondary Colors:
 Green, orange and
purple
 These are the colors
formed by mixing the
primary colors.
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.
Warm colors and Cool colors
 Draw a line through the center of the wheel, and you’ll
separate the warm colors (reds, oranges, yellows)
from cool colors (blues, greens, purples).
Warm colors
 Warm colors are
generally
associated with
energy, brightness,
and action
Cool colors
often identified
with calm,
peace, and
serenity
Warm Color Example
Warm Color Example
Warm vs Cool
Color’s Properties
Hue
 The name of a color in its
purest form
Shade
 a hue to which black
has been added
 For example,
 red + black = burgundy
Tint
 a hue to which white
has been added
 For example,
 red + white = pink
Tone
 a color to which black
and white (or grey)
have been added
 more subtle and less
intense
Color schemes
Monochromatic Color Scheme
 a color palette in
which a single color
tint and shades are
used
 is built entirely around
a single color
Analogous colors
 Colors sit next to one
another on the color
wheel
 For example- red,
orange and yellow
 Pleasing to the eye
Complementary colors
 Opposites on the color
wheel
 For example - red and
green
 offers sharp contrast
and clear
differentiation
between images
Split-Complementary
 Add colors from either
side of your
complementary color
pair to soften contrast
Triadic colors
 Evenly spaced around
the color wheel
 Very bright and
dynamic.
 creates visual contrast
and harmony
Tetradic Colors
 Two sets of
complementary pairs
 e.g.,
orange/yellow/blue/vi
olet
 allows rich,
interesting designs
Square Colors
 A variant of tetradic
 four colors evenly
spaced on the color
wheel (i.e., 90° apart)
Colour Theory.pptx

More Related Content

Similar to Colour Theory.pptx (20)

Kinnari (COLOR THEORY).pptx
Kinnari (COLOR THEORY).pptxKinnari (COLOR THEORY).pptx
Kinnari (COLOR THEORY).pptx
 
Principals and elements of design.
Principals and elements of design.Principals and elements of design.
Principals and elements of design.
 
Color theory
Color theoryColor theory
Color theory
 
Elements intro-color
Elements intro-colorElements intro-color
Elements intro-color
 
ColorsTheory
ColorsTheoryColorsTheory
ColorsTheory
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Presentación1 ingles
Presentación1 inglesPresentación1 ingles
Presentación1 ingles
 
Color theory
Color theoryColor theory
Color theory
 
Color theory
Color theoryColor theory
Color theory
 
Colour study
Colour study Colour study
Colour study
 
About Color
About ColorAbout Color
About Color
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
 
colors, composition, images
colors, composition, imagescolors, composition, images
colors, composition, images
 
Colour Schemes in Web Design
Colour Schemes in Web DesignColour Schemes in Web Design
Colour Schemes in Web Design
 
Color and color models
Color and color modelsColor and color models
Color and color models
 
Digital Color Theory
Digital Color TheoryDigital Color Theory
Digital Color Theory
 
3º Unit 1 Color
3º Unit 1 Color3º Unit 1 Color
3º Unit 1 Color
 
World colors-odai hatem
World colors-odai hatemWorld colors-odai hatem
World colors-odai hatem
 
Presentacin1coloringles 2020
Presentacin1coloringles 2020Presentacin1coloringles 2020
Presentacin1coloringles 2020
 
Colour
ColourColour
Colour
 

Recently uploaded

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersCre8iveskill
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesThomas Schielke
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfCristobalHeraud
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 

Recently uploaded (20)

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's Matters
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives cities
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 

Colour Theory.pptx

  • 2. Color Theory  Color theory is the collection of rules and guidelines which designers use to communicate with users through appealing color schemes in visual interfaces.  Color theory is both the science and art of using color.  Color theory also involves the messages colors communicate; and the methods used to replicate color.  In color theory, colors are organized on a color wheel and grouped into 3 categories: primary colors, secondary colors and tertiary colors.
  • 3. Understanding color  Color is perception.  Our eyes see something (the sky, for example), and data sent from our eyes to our brains tells us it’s a certain color (blue). Objects reflect light in different combinations of wavelengths. Our brains pick up on those wavelength combinations and translate them into the phenomenon we call color.  People decide whether or not they like a product in 90 seconds or less. 90% of that decision is based solely on color. So, a very important part of your branding must focus on color.
  • 4. Color Systems RGB: the additive color mixing model  Mixing light—or the additive color mixing model—allows you to create colors by mixing red, green and blue light sources of various intensities. The more light you add, the brighter the color mix becomes. If you mix all three colors of light, you get pure, white light.  TVs, screens and projectors use red, green and blue (RGB) as their primary colors, and then mix them together to create other colors.
  • 5. Why should you care?  Let’s say you have a very distinct brand with a bright yellow logo. If you post the logo on Facebook, Twitter or your website and don’t use the correct color process, your logo will appear muddy instead of that bright yellow. That’s why, when working with files for any screen, use RGB, not CMYK.
  • 6. CMYK: the subtractive color mixing model  Any color you see on a physical surface (paper, signage, packaging, etc.) uses the subtractive color mixing model. Most people are more familiar with this color model because it’s what we learned in kindergarten when mixing finger paints. In this case, “subtractive” simply refers to the fact that you subtract the light from the paper by adding more color.
  • 7. Conti…  Traditionally, the primary colors used in subtractive process were red, yellow and blue, as these were the colors painters mixed to get all other hues. As color printing emerged, they were subsequently replaced with cyan, magenta, yellow and key/black (CMYK), as this color combo enables printers to produce a wider variety of colors on paper.
  • 8. Why should you care?  You’ve decided to print a full-color brochure. If you’re investing all that money into your marketing (printing ain’t cheap!), you expect your printer is going to get the colors right.  Since printing uses the subtractive color mixing method, getting accurate color reproduction can only be achieved by using CMYK. Using RGB will not only result in inaccurate color, but a big bill from your printer when you’re forced to ask them to reprint your entire run.
  • 9. The color wheel  A color wheel or color circle is an abstract illustrative organization of color hues around a circle, which shows the relationships between primary colors, secondary colors, tertiary colors etc.  The first color wheel was designed by Sir Isaac Newton in 1666 .  The color wheel consists of three primary colors (red, yellow, blue), three secondary colors (colors created when primary colors are mixed: green, orange, purple) and six tertiary colors (colors made from primary and secondary colors, such as blue-green or red-violet).
  • 10. Primary Colors  In traditional color theory (used in paint and pigments), primary colors are the 3 pigment colors that cannot be mixed or formed by any combination of other colors. All other colors are derived from these 3 hues.
  • 11. Secondary Colors:  Green, orange and purple  These are the colors formed by mixing the primary colors.
  • 12. 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.
  • 13. Warm colors and Cool colors  Draw a line through the center of the wheel, and you’ll separate the warm colors (reds, oranges, yellows) from cool colors (blues, greens, purples).
  • 14. Warm colors  Warm colors are generally associated with energy, brightness, and action
  • 15. Cool colors often identified with calm, peace, and serenity
  • 19. Color’s Properties Hue  The name of a color in its purest form
  • 20. Shade  a hue to which black has been added  For example,  red + black = burgundy
  • 21. Tint  a hue to which white has been added  For example,  red + white = pink
  • 22. Tone  a color to which black and white (or grey) have been added  more subtle and less intense
  • 23. Color schemes Monochromatic Color Scheme  a color palette in which a single color tint and shades are used  is built entirely around a single color
  • 24.
  • 25.
  • 26. Analogous colors  Colors sit next to one another on the color wheel  For example- red, orange and yellow  Pleasing to the eye
  • 27.
  • 28. Complementary colors  Opposites on the color wheel  For example - red and green  offers sharp contrast and clear differentiation between images
  • 29.
  • 30. Split-Complementary  Add colors from either side of your complementary color pair to soften contrast
  • 31.
  • 32. Triadic colors  Evenly spaced around the color wheel  Very bright and dynamic.  creates visual contrast and harmony
  • 33.
  • 34. Tetradic Colors  Two sets of complementary pairs  e.g., orange/yellow/blue/vi olet  allows rich, interesting designs
  • 35.
  • 36. Square Colors  A variant of tetradic  four colors evenly spaced on the color wheel (i.e., 90° apart)