SlideShare ist ein Scribd-Unternehmen logo
1 von 26
COLOR THEORY
COLOR
COLOR is the byproduct of the spectrum of light, as it is reflected or
obsorbed, as received by the human eye and processed by the human
brain.
With colors you can set a mood, attract attention, or make a
statement. You can use color to energize, or to cool down. By
selecting the right color you can create an ambiance of elegance,
warmth or tranquility, or you can convey an image of playful
youthfulness. Color can be your most powerful design element if you
learn to use it effectively.
COLOR THEORY
Color Theory is a set of guiding principals that can be used to
create arrangement of color combinations. These ideas are
represented in a variety of Diagrams that helps designers to
understand color interactions.
This theory explains how the colors are formed. For this purpose
there is a figure which is known as COLOR WHEEL.
COLOR WHEEL
 A color wheel (also referred to as a color circle) is a visual
representation of colors arranged according to their chromatic
relationship. Begin a color wheel by positioning primary color
equidistant from one another, then create a bridge between
primaries using secondary and tertiary colors.
By color theory explain how the color are combined to produce a
third color. There are two types of color theory by color
wheel..........
 Artistic color wheel
 Technical color wheel
ARTISTIC COLOR WHEEL
In daily life people use a color combination in their
dressing sense to look descent and attractive. Same
way when a colorful design is created the
combination of these colors should be matching.
For this purpose a color wheel guides how to
combine the colors with each other to create an
attractive output.
Primary Color
Secondary Color
Tertiary Color
Primary Color – RED, BLUE, YELLOW are the primary colors.
Secondary Color - Colors formed by mixing two primary
colors are secondary colors. orange, Purple, and green.
Yellow + Red = ORANGE
Red + Blue = VIOLET or PURPLE
Blue + Yellow = GREEN
PRIMARY
COLORS
SECONDARY
COLORS
Tertiary Color - Colors formed by mixing one
primary and one secondary color.
Color Values
Color values are the lights and darks of a color you create by using black
and white with a color. This makes hundreds of more colors from the basic
12 colors of the wheel.
white + color = tint
color + black = shade
color + grey = tone
Color is made lighter by adding white, the result is called a tint. If black is
added, the darker version is called a shade. And if gray is added, the
result is a different tone.
Tints - adding white to a pure Color:
Shades - adding black to a pure Color:
Tones - adding gray to a pure Color:
COLOR SCHEME
Color scheme is the choice of colors used in design for a range of media.
It is used to create style and appeal. Color scheme involves two or more
colors based around a single color to create a design
• Monochromatic
• Complementary
• Analogous
• Warm
• Cool
Monochromatic color scheme:
It consists of different values of a single color
Analogous color scheme:
Colors those are adjacent to each other on the color wheel.
Yellow and red are adjacent to orange
Neutral color scheme:
A color scheme that includes only colors not found on the
color wheel, called neutrals, such as brown and
gray.
Warm Color Schemes:
This color scheme contains red, yellow and orange color .As
these colors can be related with fire they are
warm color.
Cool Color Schemes:
This color scheme contains green, violet, blue colors.
Complementary colors:
The color which lies opposite to each other on the wheel is
complementary colors. E.g. Green and Red
TECHNICAL COLOR WHEEL
Primary colors: RED, GREEN, BLUE.
Secondary colors: CYAN, MAGENTA, YELLOW.
Tertiary colors: Created by one primary and one
secondary color
This color wheel explains how the colors are
displayed on the monitors.
Just like artistic color wheel this wheel also has
primary secondary and tertiary colors but it
differs from the other wheel.
COLOR SYSTEM
 Color systems refer to how we produce colors. When producing
physical colors as in print a subtractive system is used and when
producing colors digitally as on a computer an additive system is used.
The phosphors in the crt monitors are of red, green and blue colors.
When all the three colors glow at the maximum intensity white color is
formed, When they does not glow black is fromed and when they glow in
between the maximum and minimum value also the RGB values are equal
they create gray.
A printer has two ink cartridge slots,one for black and other for colored
ink.The colored cartridge has three colors CYAN, MAGENTA and
YELLOW.In printing the process to form colors is reversed.
CYAN+ MAGENDA=BLUE
MAGENDA+YELLOW=RED
CYAN+YELLOW=GREEN
MONITORS INTERNAL MECHANISM
The device connected to a computer that displays information on a screen. Also
known as visual display unit. With the advancement in time and change in
technology the following generations of monitor were made: CRT, TFT LCD.
How an image is drawn on the screen
At the front of the CRT monitor is a glass plate. On the back of this plate are millions of
tiny phosphor dots. These dots are combined into groups of three--one red, one blue and
one green. These groups are called pixels. When the electron stream touches the pixels,
the correct combination of the phosphor dots will light up and different intensities to
create any color in the spectrum.
Behind the LCD monitor's face but in front of the liquid crystal is an enclosed matrix of
transistors connected to pixels on the screen's face. This matrix is so thin that it appears to
be transparent. But when a varying current runs through it, the same current as the one
manipulating the liquid crystal, it causes certain pixels to light up, adding definition to the
overall color passing through from the backlight.
When a pixel is zoomed up to microscopic level
following arrangement is seen inside it. The appearance varies in different monitors.
Now there is a common feature in every image that they contain only three
colors red, green, and blue.
In short…..when electricity is supplied to a monitor these red green blue
colors starts glowing and thus shows
the colors on the screen.
Below is an example:
PIXEL
A wall is build up by arranging many bricks similarly when a digital
image is zoomed up it can be seen that the image is made up by
arranging small colored blocks .Each individual block is termed as a
pixel. Pixel is also termed as PEL i.e. Picture element.
RESOLUTION
Image resolution is the detail an image holds. Total number of pixels
horizontally w.r.t total number of pixels vertically in the area of one
square inch is termed as resolution.. Higher resolution means
more image detail.
Resolution is always represented
in A x B form i.e. 800x600
ASPECT RATIO
The ratio between length and width of any image or screen is known as
aspect ratio. Aspect ratio is always represented in A : B form .e.g.: 4:3, 16:9.
x : y is aspect ratio
THANK YOU
DIPJOY ROUTH
T3 Trainee

Weitere ähnliche Inhalte

Was ist angesagt?

Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
jamieandlianne
 
Color Theory
Color TheoryColor Theory
Color Theory
slhallman
 

Was ist angesagt? (20)

AHSArt: Color theory Drawing + Painting
AHSArt:  Color theory Drawing + Painting AHSArt:  Color theory Drawing + Painting
AHSArt: Color theory Drawing + Painting
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
 
Color Mixing
Color MixingColor Mixing
Color Mixing
 
Color Theory - part 1
Color Theory - part 1 Color Theory - part 1
Color Theory - part 1
 
Color theory
Color theoryColor theory
Color theory
 
Color wheel
Color wheelColor wheel
Color wheel
 
Color schemes ppt
Color schemes pptColor schemes ppt
Color schemes ppt
 
Colour Schemes
Colour SchemesColour Schemes
Colour Schemes
 
COLOR FUNDAMENTALS
COLOR FUNDAMENTALSCOLOR FUNDAMENTALS
COLOR FUNDAMENTALS
 
Color Wheel
Color WheelColor Wheel
Color Wheel
 
Color theory
Color theoryColor theory
Color theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color theory
Color theoryColor theory
Color theory
 
Colour theory
Colour theoryColour theory
Colour theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Element of Art - Color
Element of Art - ColorElement of Art - Color
Element of Art - Color
 
Colors
ColorsColors
Colors
 
Color schemes pdf
Color schemes pdfColor schemes pdf
Color schemes pdf
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color
ColorColor
Color
 

Ähnlich wie color-theory for beginners

Presentación1 ingles
Presentación1 inglesPresentación1 ingles
Presentación1 ingles
everezcotelo
 
Elements intro-color
Elements intro-colorElements intro-color
Elements intro-color
kbudge
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
indyrra
 
presentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptxpresentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptx
everezcotelo
 
Clothing chapter 9 - Color
Clothing chapter 9 - ColorClothing chapter 9 - Color
Clothing chapter 9 - Color
bartlettfcs
 

Ähnlich wie color-theory for beginners (20)

Colour Theory.pptx
Colour Theory.pptxColour Theory.pptx
Colour Theory.pptx
 
Color study
Color studyColor study
Color study
 
Design Element 4 - Color
Design Element 4 - ColorDesign Element 4 - Color
Design Element 4 - Color
 
About Color
About ColorAbout Color
About Color
 
Presentación1 ingles
Presentación1 inglesPresentación1 ingles
Presentación1 ingles
 
Elements intro-color
Elements intro-colorElements intro-color
Elements intro-color
 
3º Unit 1 Color
3º Unit 1 Color3º Unit 1 Color
3º Unit 1 Color
 
Colour
Colour Colour
Colour
 
Clour study final
Clour study finalClour study final
Clour study final
 
colors, composition, images
colors, composition, imagescolors, composition, images
colors, composition, images
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color wheel colorscheme
Color wheel colorschemeColor wheel colorscheme
Color wheel colorscheme
 
colour theory ppt- animated ppt
colour theory ppt- animated pptcolour theory ppt- animated ppt
colour theory ppt- animated ppt
 
presentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptxpresentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptx
 
Presentacin1coloringles 2020
Presentacin1coloringles 2020Presentacin1coloringles 2020
Presentacin1coloringles 2020
 
Kinnari (COLOR THEORY).pptx
Kinnari (COLOR THEORY).pptxKinnari (COLOR THEORY).pptx
Kinnari (COLOR THEORY).pptx
 
Colorwheel colorscheme
Colorwheel colorschemeColorwheel colorscheme
Colorwheel colorscheme
 
Colours - Design Principles
Colours - Design PrinciplesColours - Design Principles
Colours - Design Principles
 
Clothing chapter 9 - Color
Clothing chapter 9 - ColorClothing chapter 9 - Color
Clothing chapter 9 - Color
 

Kürzlich hochgeladen

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Kürzlich hochgeladen (20)

ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
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
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

color-theory for beginners

  • 2. COLOR COLOR is the byproduct of the spectrum of light, as it is reflected or obsorbed, as received by the human eye and processed by the human brain. With colors you can set a mood, attract attention, or make a statement. You can use color to energize, or to cool down. By selecting the right color you can create an ambiance of elegance, warmth or tranquility, or you can convey an image of playful youthfulness. Color can be your most powerful design element if you learn to use it effectively.
  • 3. COLOR THEORY Color Theory is a set of guiding principals that can be used to create arrangement of color combinations. These ideas are represented in a variety of Diagrams that helps designers to understand color interactions. This theory explains how the colors are formed. For this purpose there is a figure which is known as COLOR WHEEL.
  • 4. COLOR WHEEL  A color wheel (also referred to as a color circle) is a visual representation of colors arranged according to their chromatic relationship. Begin a color wheel by positioning primary color equidistant from one another, then create a bridge between primaries using secondary and tertiary colors. By color theory explain how the color are combined to produce a third color. There are two types of color theory by color wheel..........  Artistic color wheel  Technical color wheel
  • 5. ARTISTIC COLOR WHEEL In daily life people use a color combination in their dressing sense to look descent and attractive. Same way when a colorful design is created the combination of these colors should be matching. For this purpose a color wheel guides how to combine the colors with each other to create an attractive output. Primary Color Secondary Color Tertiary Color
  • 6. Primary Color – RED, BLUE, YELLOW are the primary colors. Secondary Color - Colors formed by mixing two primary colors are secondary colors. orange, Purple, and green. Yellow + Red = ORANGE Red + Blue = VIOLET or PURPLE Blue + Yellow = GREEN PRIMARY COLORS SECONDARY COLORS
  • 7. Tertiary Color - Colors formed by mixing one primary and one secondary color. Color Values Color values are the lights and darks of a color you create by using black and white with a color. This makes hundreds of more colors from the basic 12 colors of the wheel. white + color = tint color + black = shade color + grey = tone
  • 8. Color is made lighter by adding white, the result is called a tint. If black is added, the darker version is called a shade. And if gray is added, the result is a different tone. Tints - adding white to a pure Color: Shades - adding black to a pure Color: Tones - adding gray to a pure Color:
  • 9. COLOR SCHEME Color scheme is the choice of colors used in design for a range of media. It is used to create style and appeal. Color scheme involves two or more colors based around a single color to create a design • Monochromatic • Complementary • Analogous • Warm • Cool
  • 10. Monochromatic color scheme: It consists of different values of a single color
  • 11. Analogous color scheme: Colors those are adjacent to each other on the color wheel. Yellow and red are adjacent to orange
  • 12. Neutral color scheme: A color scheme that includes only colors not found on the color wheel, called neutrals, such as brown and gray.
  • 13. Warm Color Schemes: This color scheme contains red, yellow and orange color .As these colors can be related with fire they are warm color.
  • 14. Cool Color Schemes: This color scheme contains green, violet, blue colors.
  • 15. Complementary colors: The color which lies opposite to each other on the wheel is complementary colors. E.g. Green and Red
  • 16. TECHNICAL COLOR WHEEL Primary colors: RED, GREEN, BLUE. Secondary colors: CYAN, MAGENTA, YELLOW. Tertiary colors: Created by one primary and one secondary color This color wheel explains how the colors are displayed on the monitors. Just like artistic color wheel this wheel also has primary secondary and tertiary colors but it differs from the other wheel.
  • 17. COLOR SYSTEM  Color systems refer to how we produce colors. When producing physical colors as in print a subtractive system is used and when producing colors digitally as on a computer an additive system is used.
  • 18. The phosphors in the crt monitors are of red, green and blue colors. When all the three colors glow at the maximum intensity white color is formed, When they does not glow black is fromed and when they glow in between the maximum and minimum value also the RGB values are equal they create gray. A printer has two ink cartridge slots,one for black and other for colored ink.The colored cartridge has three colors CYAN, MAGENTA and YELLOW.In printing the process to form colors is reversed. CYAN+ MAGENDA=BLUE MAGENDA+YELLOW=RED CYAN+YELLOW=GREEN
  • 19. MONITORS INTERNAL MECHANISM The device connected to a computer that displays information on a screen. Also known as visual display unit. With the advancement in time and change in technology the following generations of monitor were made: CRT, TFT LCD.
  • 20. How an image is drawn on the screen At the front of the CRT monitor is a glass plate. On the back of this plate are millions of tiny phosphor dots. These dots are combined into groups of three--one red, one blue and one green. These groups are called pixels. When the electron stream touches the pixels, the correct combination of the phosphor dots will light up and different intensities to create any color in the spectrum.
  • 21. Behind the LCD monitor's face but in front of the liquid crystal is an enclosed matrix of transistors connected to pixels on the screen's face. This matrix is so thin that it appears to be transparent. But when a varying current runs through it, the same current as the one manipulating the liquid crystal, it causes certain pixels to light up, adding definition to the overall color passing through from the backlight. When a pixel is zoomed up to microscopic level following arrangement is seen inside it. The appearance varies in different monitors.
  • 22. Now there is a common feature in every image that they contain only three colors red, green, and blue. In short…..when electricity is supplied to a monitor these red green blue colors starts glowing and thus shows the colors on the screen. Below is an example:
  • 23. PIXEL A wall is build up by arranging many bricks similarly when a digital image is zoomed up it can be seen that the image is made up by arranging small colored blocks .Each individual block is termed as a pixel. Pixel is also termed as PEL i.e. Picture element.
  • 24. RESOLUTION Image resolution is the detail an image holds. Total number of pixels horizontally w.r.t total number of pixels vertically in the area of one square inch is termed as resolution.. Higher resolution means more image detail. Resolution is always represented in A x B form i.e. 800x600
  • 25. ASPECT RATIO The ratio between length and width of any image or screen is known as aspect ratio. Aspect ratio is always represented in A : B form .e.g.: 4:3, 16:9. x : y is aspect ratio