SlideShare a Scribd company logo
1 of 34
GRAPHICGRAPHIC
DESIGNDESIGN
Saints Talented
Team
Color Theory 101Color Theory 101
First impressions are
everything. How you look
and how you present yourself
can determine how you are
perceived. The same goes for
our design work.
Color WheelColor Wheel
Color Wheel is the basic theory of color represented in a
circle(wheel).
start out with the basis of all colors, called the
Primary Colors. These are red, yellow, and blue.
Primary ColorsPrimary Colors
mix primary colors you create the secondary
colors, which are green, orange and violet.
Combining these colors in projects can make for a
lot of contrast.
Secondary ColorsSecondary Colors
take the secondary colors and mix them with the
primary colors. These are red-violet, blue-violet,​​ ​​
blue-green, yellow-green, red-orange, and​​ ​​ ​​
yellow-orange.​​
Tertiary colorsTertiary colors
So, now that you know how colors are made, you
can understand how the color combinations on
the color wheel model work
Color CombinationsColor Combinations
Understanding the principles of color combinations will
help you to choose combinations that work well together,
set the right mood, and create the right amount of
contrast within your design work. Next are the basic color
combinations derived from the color wheel.
Color CombinationsColor Combinations
colors that are opposite each other on the color wheel. Examples
would be blue and orange, red and green, Yellow and purple, etc.
Complementary color schemes create a high amount of contrast, but
can create a lot of visual vibration when they are used at full
saturation.
Complimentary colorsComplimentary colors
colors that are next to each other on the color wheel. It is a good idea
to choose a set of analogous colors that create a sense of variety. A
good example would be blue-green, blue, and blue-violet or yellow-​​ ​​ ​​
green, yellow, and yellow-orange.​​
Analogous colorsAnalogous colors
colors that are evenly spaced around the color
wheel. A triad has a nice variety of colors, but is
also well balanced. In the examples above, blue-​​
violet and yellow-green create a lot of contrast.​​
A triad of colorsA triad of colors
The square color model takes four colors evenly spaced around the
color wheel. In the example above, the colors are blue, orange, red-​​
violet, and yellow-green. This color scheme is really nice and would​​
work well with one strong color and muted versions of the other
colors.
The square color modelThe square color model
Select two opposites on the color wheel and then
select another color two spaces over and its
compliment across the color wheel.
Tetradic colorTetradic color
Tints and ShadesTints and Shades
A tint of a color is when you take a color, such as blue in
the example above, and add white to it. A shade is a hue
that has black added to it. You can create a
monochromatic color scheme buy using tints and shades
of the same hue.
Warm ColorsWarm Colors
Warm colors create a sense of warmth and heat in an image or a
design. When you see warm colors, you think of the sun, heat, fire,
and love (passion). Red is the color of blood, which is warm, and
orange and yellow go along with summer. Adding an orange photo
filter to an image instantly makes it look warmer and happier.
Cool ColorsCool Colors
Cool colors carry connotations of cool climates, winter, death,
sadness, ice, night, and water. Cool colors can be associated with
calmness, tranquility, trust, cleanliness. Purple is associated with
royalty, because they are supposed to be reserved.
Color MeaningColor Meaning
RedRed
Red is the color of love and passion. Boxes of candies are red on
valentines day. Some are pink, which is a tint of red. Red is also the
color of anger and blood. Red, orange and yellow are all found in
fire. Red can also mean danger
RedRed
Stop signs are red, which get our attention and tell us to be careful
and look before we proceed. Red is dominant, and when combined
with colors such as black, can create a very masculine look. Red
commands attention and can set a serious tone.
OrangeOrange
Orange represents warmth, but isn’t aggressive like red is. Orange
can portray a fun atmosphere because it is energetic and creates a
sense of warmth without associated connotations of danger and
blood, as with the color red. Orange can be associated with health,
such as vitamin C, which is commonly found in oranges.
YellowYellow
Yellow is associated with the sun and warmth. When used with
orange, it creates a sense of summer fun. Yellow can be associated
with thirst, and can be found on the walls of many refreshment
shops.
YellowYellow
Yellow can also be associated with fear, which comes from the old
expression of someone being “yellow.” When combined with black,
it can gain a lot of attention. A good example outside of design
would be a taxi. The combination gets a lot of attention.
GreenGreen
Green is the color of money, so in our culture it is associated with
wealth. Since most plants are green, it is also associated with growth
and health. It is used to show that products are natural and healthy,
it also connotes profit and gain. Combined with blue, green further
perpetuates health, cleanliness, life, and nature.
BlueBlue
Depending on the tint and shade of blue, it can represent different
feelings, thoughts, and emotions. In imagery, dark shades of blue can
give a sense of sadness. An expression that goes along with this is
“singing the blues” when someone is sad.
BlueBlue
Light blue is the color of the sky and of water, which can be
refreshing, free, and calm. Blue skies are calming and tranquil. Water
washes away dirt and cleans wounds. Blue can represent freshness
and renewal, such as when rain washes away dirt and dust. The
calmness of blue promotes relaxation.
PurplePurple
Associated from the color of the robes of royalty, purple relates to
royalty. Purples with more red can be associated with romances,
intimacy, softness, and comfort. Purple can give a sense of mystique
as well as luxury. A good example would be the wine website
shown below.
White
White can be associated with sterility, due to doctors wearing white
and most hospitals being white. Because most artistic depictions of
religious figures are completely colorless, white represents “good”
and holiness.
White
White can represent cleanliness, such as clean linens and clean
laundry. It can represent softness due to cotton and clouds. It can
reference mental health due to the white coats and uniforms, white
walls, etc. White is great for connoting health and cleanliness, as
shown in the optical website shown below.
BlackBlack
Black is mostly associated with death, especially in the United States.
It can represent decay — due to rot — based on how food breaks
down and turns black. Black can represent evil, because it is the
opposite of white, which often represents good. It can represent
anxiety due to darkness and the unknown.
BlackBlack
A lot of black in an image can suggest depression and despair, as
well as loneliness. However, despite all of the negative connotations,
when combined with other colors, such as gold, it can represent
luxury. Combined with silver or grey, it can represent sophistication,
such as in the timepiece website shown below.
ConclusionConclusion
It is essential to understand color as a designer.
Everything that you design should take color into
serious and careful consideration.
The color choices that you make can create a
drastic effect on the mood of your work.
The right combination can gain attention and
convey the right message visually, further
driving the message into your viewers’ minds.
The emotional side of design is extremely
lucrative, and if you aren’t carefully considering
your color choices, you should from now on.
Your clients will see better results, and your
message will have added clarity and strength.
Color makes as much of a connection with people
as imagery does.

More Related Content

What's hot (20)

Color Mixing
Color MixingColor Mixing
Color Mixing
 
Understanding Color
Understanding ColorUnderstanding Color
Understanding Color
 
COLOR FUNDAMENTALS
COLOR FUNDAMENTALSCOLOR FUNDAMENTALS
COLOR FUNDAMENTALS
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
How color affects communication
How color affects communicationHow color affects communication
How color affects communication
 
Color theory
Color theoryColor theory
Color theory
 
Significance of colors
Significance of colorsSignificance of colors
Significance of colors
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Psicologia y simbología del color
Psicologia y simbología del colorPsicologia y simbología del color
Psicologia y simbología del color
 
Color Wheel
Color WheelColor Wheel
Color Wheel
 
Color Theory In Graphic Design
Color Theory In Graphic DesignColor Theory In Graphic Design
Color Theory In Graphic Design
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
 
Color
ColorColor
Color
 
Color theory
Color theoryColor theory
Color theory
 
AHSArt: Color theory Drawing + Painting
AHSArt:  Color theory Drawing + Painting AHSArt:  Color theory Drawing + Painting
AHSArt: Color theory Drawing + Painting
 
Color
ColorColor
Color
 
Psychology of Colours
Psychology of ColoursPsychology of Colours
Psychology of Colours
 
Colour theory
Colour theoryColour theory
Colour theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 

Viewers also liked

Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic DesignAbanoub Hanna
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignCasey Robertson
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic DesignFrank Curkovic
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic DesignAfshan Kirmani
 
Graphic Design Final Presentation
Graphic Design Final PresentationGraphic Design Final Presentation
Graphic Design Final Presentationmargaretwylie
 
Based Design Pattern Examples
Based Design Pattern ExamplesBased Design Pattern Examples
Based Design Pattern ExamplesAbanoub Hanna
 
Introduction to based designs - Graphic design theory
Introduction to based designs - Graphic design theoryIntroduction to based designs - Graphic design theory
Introduction to based designs - Graphic design theoryAbanoub Hanna
 
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsIntro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsKaitlin Hanger, Ph.D.
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction UploadNida Aslam
 
How To Design a Brand Identity
How To Design a Brand IdentityHow To Design a Brand Identity
How To Design a Brand IdentityCreative Market
 
Introduction to Typography
Introduction to TypographyIntroduction to Typography
Introduction to TypographyCasey Robertson
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic designNida Aslam
 
Adobe Illustrator Basics
Adobe Illustrator BasicsAdobe Illustrator Basics
Adobe Illustrator BasicsChris Maxwell
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Designchelsc
 
How to Create Presentations That Don't Suck
How to Create Presentations That Don't SuckHow to Create Presentations That Don't Suck
How to Create Presentations That Don't SuckSketchBubble
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
 

Viewers also liked (20)

Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic Design
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 
Graphic Design Final Presentation
Graphic Design Final PresentationGraphic Design Final Presentation
Graphic Design Final Presentation
 
Based Design Pattern Examples
Based Design Pattern ExamplesBased Design Pattern Examples
Based Design Pattern Examples
 
Introduction to based designs - Graphic design theory
Introduction to based designs - Graphic design theoryIntroduction to based designs - Graphic design theory
Introduction to based designs - Graphic design theory
 
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsIntro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
 
How To Design a Brand Identity
How To Design a Brand IdentityHow To Design a Brand Identity
How To Design a Brand Identity
 
Introduction to Typography
Introduction to TypographyIntroduction to Typography
Introduction to Typography
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic design
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Adobe Illustrator Basics
Adobe Illustrator BasicsAdobe Illustrator Basics
Adobe Illustrator Basics
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Design
 
How to Create Presentations That Don't Suck
How to Create Presentations That Don't SuckHow to Create Presentations That Don't Suck
How to Create Presentations That Don't Suck
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
 

Similar to Color theory

Similar to Color theory (20)

Elements of design-Color
Elements of design-ColorElements of design-Color
Elements of design-Color
 
Color.pdf
Color.pdfColor.pdf
Color.pdf
 
Web design colour
Web design colourWeb design colour
Web design colour
 
Color Study
Color Study Color Study
Color Study
 
Journal
JournalJournal
Journal
 
Ppt Of Color Theory
Ppt Of Color TheoryPpt Of Color Theory
Ppt Of Color Theory
 
Advanced Art - High School - Color Theory
Advanced Art - High School - Color TheoryAdvanced Art - High School - Color Theory
Advanced Art - High School - Color Theory
 
Colour conotations
Colour conotationsColour conotations
Colour conotations
 
Color theory
Color theoryColor theory
Color theory
 
Colours
ColoursColours
Colours
 
Colour study
Colour study Colour study
Colour study
 
The Cleric Scrolls II - Colors
The Cleric Scrolls II - ColorsThe Cleric Scrolls II - Colors
The Cleric Scrolls II - Colors
 
Colour
ColourColour
Colour
 
Tone & Colour in Design
Tone & Colour in DesignTone & Colour in Design
Tone & Colour in Design
 
Makeup color theory
Makeup color theoryMakeup color theory
Makeup color theory
 
color
color color
color
 
Element of art or desgin
Element of art or desginElement of art or desgin
Element of art or desgin
 
Pile Chapter 9 Colors Ym
Pile Chapter 9   Colors   YmPile Chapter 9   Colors   Ym
Pile Chapter 9 Colors Ym
 
PP Lecture- The Element-Color- PAD-2023.pptx
PP Lecture- The Element-Color- PAD-2023.pptxPP Lecture- The Element-Color- PAD-2023.pptx
PP Lecture- The Element-Color- PAD-2023.pptx
 
Chap45
Chap45Chap45
Chap45
 

Recently uploaded

08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 

Recently uploaded (20)

08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 

Color theory

  • 3. First impressions are everything. How you look and how you present yourself can determine how you are perceived. The same goes for our design work.
  • 4. Color WheelColor Wheel Color Wheel is the basic theory of color represented in a circle(wheel).
  • 5. start out with the basis of all colors, called the Primary Colors. These are red, yellow, and blue. Primary ColorsPrimary Colors
  • 6. mix primary colors you create the secondary colors, which are green, orange and violet. Combining these colors in projects can make for a lot of contrast. Secondary ColorsSecondary Colors
  • 7. take the secondary colors and mix them with the primary colors. These are red-violet, blue-violet,​​ ​​ blue-green, yellow-green, red-orange, and​​ ​​ ​​ yellow-orange.​​ Tertiary colorsTertiary colors
  • 8. So, now that you know how colors are made, you can understand how the color combinations on the color wheel model work Color CombinationsColor Combinations
  • 9. Understanding the principles of color combinations will help you to choose combinations that work well together, set the right mood, and create the right amount of contrast within your design work. Next are the basic color combinations derived from the color wheel. Color CombinationsColor Combinations
  • 10. colors that are opposite each other on the color wheel. Examples would be blue and orange, red and green, Yellow and purple, etc. Complementary color schemes create a high amount of contrast, but can create a lot of visual vibration when they are used at full saturation. Complimentary colorsComplimentary colors
  • 11. colors that are next to each other on the color wheel. It is a good idea to choose a set of analogous colors that create a sense of variety. A good example would be blue-green, blue, and blue-violet or yellow-​​ ​​ ​​ green, yellow, and yellow-orange.​​ Analogous colorsAnalogous colors
  • 12. colors that are evenly spaced around the color wheel. A triad has a nice variety of colors, but is also well balanced. In the examples above, blue-​​ violet and yellow-green create a lot of contrast.​​ A triad of colorsA triad of colors
  • 13. The square color model takes four colors evenly spaced around the color wheel. In the example above, the colors are blue, orange, red-​​ violet, and yellow-green. This color scheme is really nice and would​​ work well with one strong color and muted versions of the other colors. The square color modelThe square color model
  • 14. Select two opposites on the color wheel and then select another color two spaces over and its compliment across the color wheel. Tetradic colorTetradic color
  • 15. Tints and ShadesTints and Shades A tint of a color is when you take a color, such as blue in the example above, and add white to it. A shade is a hue that has black added to it. You can create a monochromatic color scheme buy using tints and shades of the same hue.
  • 16. Warm ColorsWarm Colors Warm colors create a sense of warmth and heat in an image or a design. When you see warm colors, you think of the sun, heat, fire, and love (passion). Red is the color of blood, which is warm, and orange and yellow go along with summer. Adding an orange photo filter to an image instantly makes it look warmer and happier.
  • 17. Cool ColorsCool Colors Cool colors carry connotations of cool climates, winter, death, sadness, ice, night, and water. Cool colors can be associated with calmness, tranquility, trust, cleanliness. Purple is associated with royalty, because they are supposed to be reserved.
  • 19. RedRed Red is the color of love and passion. Boxes of candies are red on valentines day. Some are pink, which is a tint of red. Red is also the color of anger and blood. Red, orange and yellow are all found in fire. Red can also mean danger
  • 20. RedRed Stop signs are red, which get our attention and tell us to be careful and look before we proceed. Red is dominant, and when combined with colors such as black, can create a very masculine look. Red commands attention and can set a serious tone.
  • 21. OrangeOrange Orange represents warmth, but isn’t aggressive like red is. Orange can portray a fun atmosphere because it is energetic and creates a sense of warmth without associated connotations of danger and blood, as with the color red. Orange can be associated with health, such as vitamin C, which is commonly found in oranges.
  • 22. YellowYellow Yellow is associated with the sun and warmth. When used with orange, it creates a sense of summer fun. Yellow can be associated with thirst, and can be found on the walls of many refreshment shops.
  • 23. YellowYellow Yellow can also be associated with fear, which comes from the old expression of someone being “yellow.” When combined with black, it can gain a lot of attention. A good example outside of design would be a taxi. The combination gets a lot of attention.
  • 24. GreenGreen Green is the color of money, so in our culture it is associated with wealth. Since most plants are green, it is also associated with growth and health. It is used to show that products are natural and healthy, it also connotes profit and gain. Combined with blue, green further perpetuates health, cleanliness, life, and nature.
  • 25. BlueBlue Depending on the tint and shade of blue, it can represent different feelings, thoughts, and emotions. In imagery, dark shades of blue can give a sense of sadness. An expression that goes along with this is “singing the blues” when someone is sad.
  • 26. BlueBlue Light blue is the color of the sky and of water, which can be refreshing, free, and calm. Blue skies are calming and tranquil. Water washes away dirt and cleans wounds. Blue can represent freshness and renewal, such as when rain washes away dirt and dust. The calmness of blue promotes relaxation.
  • 27. PurplePurple Associated from the color of the robes of royalty, purple relates to royalty. Purples with more red can be associated with romances, intimacy, softness, and comfort. Purple can give a sense of mystique as well as luxury. A good example would be the wine website shown below.
  • 28. White White can be associated with sterility, due to doctors wearing white and most hospitals being white. Because most artistic depictions of religious figures are completely colorless, white represents “good” and holiness.
  • 29. White White can represent cleanliness, such as clean linens and clean laundry. It can represent softness due to cotton and clouds. It can reference mental health due to the white coats and uniforms, white walls, etc. White is great for connoting health and cleanliness, as shown in the optical website shown below.
  • 30. BlackBlack Black is mostly associated with death, especially in the United States. It can represent decay — due to rot — based on how food breaks down and turns black. Black can represent evil, because it is the opposite of white, which often represents good. It can represent anxiety due to darkness and the unknown.
  • 31. BlackBlack A lot of black in an image can suggest depression and despair, as well as loneliness. However, despite all of the negative connotations, when combined with other colors, such as gold, it can represent luxury. Combined with silver or grey, it can represent sophistication, such as in the timepiece website shown below.
  • 33. It is essential to understand color as a designer. Everything that you design should take color into serious and careful consideration. The color choices that you make can create a drastic effect on the mood of your work. The right combination can gain attention and convey the right message visually, further driving the message into your viewers’ minds.
  • 34. The emotional side of design is extremely lucrative, and if you aren’t carefully considering your color choices, you should from now on. Your clients will see better results, and your message will have added clarity and strength. Color makes as much of a connection with people as imagery does.