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

Color theory - Graphic Design
Color theory - Graphic DesignColor theory - Graphic Design
Color theory - Graphic DesignAbanoub Hanna
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - ShapesJamie Hutt
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazMujeeb Riaz
 
Graphic Design
Graphic DesignGraphic Design
Graphic DesignBen Fayza
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationShahria Hossain
 
Brand Color Psychology – the Art of Choosing Brand Colors
Brand Color Psychology – the Art of Choosing Brand ColorsBrand Color Psychology – the Art of Choosing Brand Colors
Brand Color Psychology – the Art of Choosing Brand ColorsLitmus Branding Pvt. Ltd.
 
Design Element Line 2
Design Element Line 2Design Element Line 2
Design Element Line 2hlograsso
 
color-theory for beginners
color-theory for beginnerscolor-theory for beginners
color-theory for beginnersDipjoy Routh
 
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...Onempresas
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic designyoussef farag
 
Color theory
Color theoryColor theory
Color theoryhojungiee
 
Typography
TypographyTypography
Typographymjones27
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design compositionsuniltalekar1
 

What's hot (20)

Color theory - Graphic Design
Color theory - Graphic DesignColor theory - Graphic Design
Color theory - Graphic Design
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - Shapes
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspiration
 
Visual communication
Visual communicationVisual communication
Visual communication
 
Brand Color Psychology – the Art of Choosing Brand Colors
Brand Color Psychology – the Art of Choosing Brand ColorsBrand Color Psychology – the Art of Choosing Brand Colors
Brand Color Psychology – the Art of Choosing Brand Colors
 
Design Element Line 2
Design Element Line 2Design Element Line 2
Design Element Line 2
 
color-theory for beginners
color-theory for beginnerscolor-theory for beginners
color-theory for beginners
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...
Trabajo grado de iconocidad.usos. herramientas visuales. veronica sanchez riq...
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic design
 
Color theory
Color theoryColor theory
Color theory
 
Typography
TypographyTypography
Typography
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design composition
 
Typography
TypographyTypography
Typography
 
AHSArt: Color theory Drawing + Painting
AHSArt:  Color theory Drawing + Painting AHSArt:  Color theory Drawing + Painting
AHSArt: Color theory Drawing + Painting
 
Graphic design
Graphic designGraphic design
Graphic design
 

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

Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 

Recently uploaded (20)

Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 

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.