SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101
Color theory 101

Weitere ähnliche Inhalte

Andere mochten auch (7)

Designing Magazines: Part 1
Designing Magazines: Part 1Designing Magazines: Part 1
Designing Magazines: Part 1
 
Creating Effective Logos
Creating Effective LogosCreating Effective Logos
Creating Effective Logos
 
Infographics
InfographicsInfographics
Infographics
 
Color Theory Book
Color Theory BookColor Theory Book
Color Theory Book
 
Color Psychology
Color PsychologyColor Psychology
Color Psychology
 
Psychology of colors
Psychology of colors Psychology of colors
Psychology of colors
 
Understanding Color
Understanding ColorUnderstanding Color
Understanding Color
 

Kürzlich hochgeladen

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Kürzlich hochgeladen (19)

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

Hinweis der Redaktion

  1. Color theory is basically a set of rules that explains how to create colors and color combinations, as well as the visual (and emotional) impact of the different types of color combinations.
  2. Primary colors are those that cannot be made from mixing other colors. Instead, primary colors are the source of other colors. The primary colors are red, blue, and yellow. True to its name, art and design created using this color scheme tend to be pretty elementary and basic.
  3. Secondary colors come from mixing the primary colors together. So, Red + Yellow = Orange Yellow + Blue = Green Blue + Red = Violet Because of their “mixed” nature, these colors are a little more sophisticated than their primary cousins. So art and designs created using the combination of Orange, Green, and Violet tend to be a little more “designery.”
  4. Last but not least, the Tertiary Colors are created by mixing the primary and secondary colors together. These colors are much more versatile than their primary and secondary cousins because of the subtle variations you can achieve. Red-Orange Yellow-Orange Yellow-Green Blue-Green Blue-Violet Red-Violet
  5. RYB vs. RGB Before we go on, let’s talk for a minute about the color wheel vs. RGB color. Up til now we’ve been looking at the RYB Color Wheel, which is the basis for what is called “Subtractive” color. This means that it absorbs light (or subtracts it). This would refer to any color that you put on something. Crayons on paper; paint on a wall; any printed materials; art in a museum. All Subtractive. There there is “Additive” color, where color is created by mixing the visible light emitted from differently colored light sources. This would refer to colors on a screen -- computer, television, iphone, etc. -- as well as the color in a photograph. RGB color -- which is what you work with on your computer -- is Additive. But since we don’t make colors out of light, we’re going to continue working with Subtractive color since it’s what we learned in kindergarten :) and it matches our vocabulary best. I just didn’t want to *not* mention RGB.
  6. TEMPERATURE The color wheel can be divided into two halves: warm colors and cool colors. Cool colors are calm and peaceful. Warm colors jump out at you. They’re vivid and energetic. I’m going to show you some examples using famous paintings, so you can feel the temperature in a more explicit fashion. But the same mood is imparted in graphic or interior design as you will see in the paintings.
  7. In this famous Claude Monet “Water Lillies”painting, the cool water and lillies depict a calm, peaceful, almost lazy scene.
  8. While in this painting, Monet is clearly intending to give us the impression of energy and movement. With the vibrant, lower half of the painting in direct, energetic contrast with the calm top half.
  9. So that’s the gist of how you make colors out of other colors. Now let’s talk a minute about how to make colors out of tints, shades, and tones. First of all, did you know that those weren’t interchangeable words? They describe very similar processes, but with specific distinctions. Here’s a quick explanation of each: Tint - adding white to a color Shade - adding black to a color Tone - adding grey to a color
  10. You may be familiar with this sort of color picker -- from Photoshop and other photo editing applications. Moving left to right adjusts the tint; Moving up and down adjusts the shade; and moving diagonally from bottom left to top right is tone. This shows you how easy it is to create tones and shades of colors to create (next) Color harmonies.
  11. Color harmonies are exactly what you think they are, colors that work harmoniously together. Knowing what they are, will give you shortcuts to creating color palettes you would like to use. The simplest color harmony is the Monochromatic color range. This is achieved simply by lightening (tinting) or darkening (shading) a single hue to create steps of color. These colors work together to form a harmony These color schemes can be a little simple or one-dimensional, but they have a very unified, harmonious feel -- all the colors in this group are guaranteed to look good together.
  12. Here’s a gorgeous monochromatic photo. All blues, ranging from the blue-white of the clouds, all the way to the dark blue at the horizon. http://flic.kr/p/9bUJTA
  13. Complementary schemes are created by combining colors from opposite sides of the color wheel. In their most basic form, these schemes consist of only two colors, but can easily be expanded using tones, tints, and shades. A word of warning, though: using colors that are exact opposites with the same chroma and/or value right next to each other can be very jarring visually (they’ll appear to actually vibrate along their border in the most severe uses). This is best avoided (either by leaving white space between them or by adding another, transitional color between them).
  14. Check out the giant pops of color in this beach scene. The orange umbrella in the blue sky is complementary. As are the red towel and green water. http://flic.kr/p/dcP4FN
  15. Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create relaxed, comfortable designs. Analogous color schemes are often found in nature and are harmonious and pleasing to the eye. Make sure you have enough contrast when choosing an analogous color scheme. Choose one color to dominate, a second to support. The third color is used (along with black, white or gray) as an accent.
  16. Here’s a lovely stack of fabrics, arranged in an analogous color scheme: Yellow-green, Green, Blue-green, Blue. http://flic.kr/p/aPY9Fg
  17. The split-complementary color scheme is a variation of the complementary color scheme. Instead of using colors that are opposites, you use colors on either side of the hue opposite your base hue. This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension. The split-complementary color scheme is often a good choice for beginners, because it is difficult to mess up. ----------- A triadic color scheme uses colors that are equally spaced around the color wheel. Triadic color schemes tend to be quite vibrant and are at the root of some of the more diverse color schemes.
  18. http://flic.kr/p/as2avD
  19. Tetradic color schemes use four colors arranged into two complementary pairs. These rich color scheme offers lots of possibilities for variation. They work best if you choose one color to be dominant. You should also pay attention to the balance between warm and cool colors -- these harmonies work best when they are mostly one or the other, either cool or warm.
  20. http://flic.kr/p/81p5Gu
  21. WHY TINTS, SHADES, AND TONES ARE IMPORTANT: The pure hues on the previous slides all have similar values and saturation levels. This leads to color schemes that can be both overwhelming and, at the same time, a little boring. To create more sophisticated color harmonies, incorporating tints, tones, and shades in your color schemes is vital. Plus, it expands the basic color wheel into an infinite number of colors that you can use. 1. One of the simplest ways to do this is to take a few tones, tints, and shades of a given color (avoiding the pure hue), in this case, red-violet. NEXT
  22. 2. Then add in another pure hue (or close to pure) that’s at least three spaces away on the color wheel (part of a tetradic, triatic, or split-complementary color scheme) as an accent color. NEXT
  23. 3. Last but not least, add a neutral color (grey, ivory, brown, etc) to round out the full palette.