Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The importance of color models for presentation design Knowing the basics of different color models is important for when ...
© Presentitude THE ANATOMY OF COLORS AND 4 COLOR MODELS Part III of Basic Color Theory for Presentation Design
A color can be pure, have a lightness/darkness, and have a intensity.
HUE SATURATION The pure color The intensity of a hue (also called chroma)*. The lightness (added white) or darkness (added...
The color of light behaves differently than the color of pigment.
Additive colors Subtractive colors The color of lights The color of pigment, paints and inks
The two main color models are based the concept of additive and subtractive colors.
Red Green Blue Magneta Yellow Cyan Additive colors Subtractive colors The color of lights The color of pigment, paints and...
< CMYK The color of lights The color of pigment, paints and inks Red Green Blue Magneta Yellow Cyan RGB
Magneta Yellow Cyan < Mix equal proportions of red and green “light” to create yellow. Mix equal proportions of yellow and...
The four color models for presentation design 1 2 3 4
The RGB color model Color Model #1
The RGB color model (Red-Green-Blue) If you mix the three colors you get white. If you delete all colors you get black. Ba...
RGB colors are composed of combinations of portions of red, green and blue light beams that goes straight from a screen in...
How to create colors with RGB? R: 255 0 0 0 G: 0 255 0 0 B: 0 0 255 0 Combine parts of the three primary colors red, green...
Colors on the color wheel created using combinations of RGB values R 255 255 255 125 0 0 0 0 0 125 255 255 G 0 125 255 255...
PowerPoint uses the RGB model.
The CMYK color model Color Model #2
A subtractive model using blue (cyan), red (magneta) & to mix all colors and adds black (key) as a fourth color. MAGNETA C...
CM K colors are used specifically for printed material and physical media and are created by combinations of the primary c...
How to create colors with CMYK? C: 100 0 0 0 0 M: 0 100 0 0 0 Y: 0 0 100 0 0 K: 0 0 0 100 0 Combine values of the primary ...
Colors on the color wheel created using combinations of CMYK values C: 0 0 50 100 100 100 100 100 50 0 0 M: 100 50 0 0 0 0...
Vector software such as Illustrator uses the CMYK model.
The HSL color model Color Model #3
The HSL color model (Hue, Saturation Luminosity) A subset of the RGB model that express the colors in terms of hue, satura...
HSL tries to bridge the RGB color model, understood by computers, to mix colors more like humans do.
LUMINOSITY L= 000 L= 255L= 128 An original hue have a luminosity value of 128. When you decrease this value (minimum is 00...
S = 000 S = 255 L= 000 L= 255L= 128 When saturation is decreased (minimum is 000) the color is almost gone and it becomes ...
The pure color, hue, can be calculated by giving it a number between 0 to 255 where pure red has a hue of 0. H= 0 H= 213H=...
How to create colors with HSL*? H: 0 85 170 170 S: 255 255 255 0 L: 128 128 128 0 Combine values of a color’s hue, saturat...
Colors on the color wheel created using combinations of HSL values H 0 20 40 60 80 100 120 140 160 180 200 220 S 255 255 2...
PowerPoint has the HSL model built in to adjust colors.
Using the HSL model and adjusting hue, saturation and luminosity, you can fix bad tints/shade colors in PowerPoint. ORIGIN...
The HEX color model Color Model #4
The HEX color model (HEXadecimal) An extension of the RGB model but using hexadecimal numbers to define colors for HTML co...
HEX is used specifically for online material and websites and use combinations of the primary colors similar to RGB.
How to create colors with HEX? #FF 00 00 #00 FF 00 #00 00 FF #00 00 00 FF 00 00 R G B RED Combine parts of the three prima...
Colors on the color wheel created using combinations of HEX values (Using HEX, “00” is minimum and “80” is the middle and ...
Corporate websites use the HEX model to define colors.
Why do you need to know about the different color models when you are creating slides?
When creating slides you need to know how to define RGB colors, how to utilize the HSL values to adjust colors to your adv...
© Presentitude RGB, CMYK, HSL, HEX, HUE, SATURATION, VALUE… ARE YOU STILL WITH US?
The color of pigment, paints and inks, combines Cyan, Magneta, and Black, used for print. A subset of the RGB model, expre...
RED RGB CMYK HSL HEX R: 256 G: 0 B: 0 C: 0 M: 100 Y: 10O K: 0 H: 0 S: 255 L: 128 #FF0000
Click to read to read full article on this topic. Click to read more articles and sign up for content.
Click to view Part 2Click to view Part 1 Click to view Part 4Click to view Part 3
PRESENTITUDE www.presentitude.com http://plus.google.com/+ Presentitude/posts http://www.facebook.co m/presentitude https:...
The 4 important color models for presentation design
Upcoming SlideShare
Loading in …5
×

The 4 important color models for presentation design

86,261 views

Published on

Color models explain how colors are defined and when creating slides you need to know how to define RGB colors, how to utilize the HSL values to adjust colors to your advantage and how brand CMYK values and web HEX values relates to the colors you need to use in PowerPoint and how to "translate" them for use in PowerPoint.

Published in: Presentations & Public Speaking
no profile picture user

  • Login to see the comments

Show More

The 4 important color models for presentation design

  1. The importance of color models for presentation design Knowing the basics of different color models is important for when you create slide as they explain how colors are defined for use in slide decks. When creating slides you need to know how to define RGB colors, how to utilize the HSL values to adjust colors to your advantage and how brand CMYK values and web HEX values relates to the colors you need to use in PowerPoint and how to "translate" them for use in PowerPoint.
  2. © Presentitude THE ANATOMY OF COLORS AND 4 COLOR MODELS Part III of Basic Color Theory for Presentation Design
  3. A color can be pure, have a lightness/darkness, and have a intensity.
  4. HUE SATURATION The pure color The intensity of a hue (also called chroma)*. The lightness (added white) or darkness (added black) of a hue. VALUE (*when a hue is most intense it is fully saturated and when it is more dull/muted it is less saturated).
  5. The color of light behaves differently than the color of pigment.
  6. Additive colors Subtractive colors The color of lights The color of pigment, paints and inks
  7. The two main color models are based the concept of additive and subtractive colors.
  8. Red Green Blue Magneta Yellow Cyan Additive colors Subtractive colors The color of lights The color of pigment, paints and inks
  9. < CMYK The color of lights The color of pigment, paints and inks Red Green Blue Magneta Yellow Cyan RGB
  10. Magneta Yellow Cyan < Mix equal proportions of red and green “light” to create yellow. Mix equal proportions of yellow and blue “paint” to create green. CMYK Red Green Blue RGB
  11. The four color models for presentation design 1 2 3 4
  12. The RGB color model Color Model #1
  13. The RGB color model (Red-Green-Blue) If you mix the three colors you get white. If you delete all colors you get black. Based on the additive mixture of three monochromatic lights - red, green and blue - and the ability to create all other colors by combining these colors. Red Green Blue
  14. RGB colors are composed of combinations of portions of red, green and blue light beams that goes straight from a screen into your eyes.
  15. How to create colors with RGB? R: 255 0 0 0 G: 0 255 0 0 B: 0 0 255 0 Combine parts of the three primary colors red, green and blue. Each of the primary colors can have a value in the range from 0 to 255.
  16. Colors on the color wheel created using combinations of RGB values R 255 255 255 125 0 0 0 0 0 125 255 255 G 0 125 255 255 255 255 255 125 0 0 0 0 B 0 0 0 0 0 125 255 255 255 255 255 125
  17. PowerPoint uses the RGB model.
  18. The CMYK color model Color Model #2
  19. A subtractive model using blue (cyan), red (magneta) & to mix all colors and adds black (key) as a fourth color. MAGNETA CYANYELLOW The CMYK color model (Cyan-Magneta- ellow-Key) (Black is also called the “key color”)
  20. CM K colors are used specifically for printed material and physical media and are created by combinations of the primary colors, like blending colors on white paper.
  21. How to create colors with CMYK? C: 100 0 0 0 0 M: 0 100 0 0 0 Y: 0 0 100 0 0 K: 0 0 0 100 0 Combine values of the primary colors cyan, magenta, – and black. Each of the colors are calculated in percentages – from 0 to 100%.
  22. Colors on the color wheel created using combinations of CMYK values C: 0 0 50 100 100 100 100 100 50 0 0 M: 100 50 0 0 0 0 50 100 100 100 100 Y: 100 100 100 100 50 0 0 0 0 0 50 K: 0 0 0 0 0 0 0 0 0 0 0
  23. Vector software such as Illustrator uses the CMYK model.
  24. The HSL color model Color Model #3
  25. The HSL color model (Hue, Saturation Luminosity) A subset of the RGB model that express the colors in terms of hue, saturation and luminosity. (*The HSL model differs from the HSB/HSV model used in tools like Photoshop.) SATURATION LUMINOSITY HUE
  26. HSL tries to bridge the RGB color model, understood by computers, to mix colors more like humans do.
  27. LUMINOSITY L= 000 L= 255L= 128 An original hue have a luminosity value of 128. When you decrease this value (minimum is 000) the color becomes darker (shade). When you increase this value (maximum is 255) the colors becomes brighter (tint). H: 0 S: 255 L: 128 (as used in the HSL model used in PowerPoint)
  28. S = 000 S = 255 L= 000 L= 255L= 128 When saturation is decreased (minimum is 000) the color is almost gone and it becomes desaturated/neutralized) SATURATION An original hue is fully saturated/vibrant and have a saturation level of 255 (maximum). H: 0 S: 255 L: 128 (as used in the HSL model used in PowerPoint)
  29. The pure color, hue, can be calculated by giving it a number between 0 to 255 where pure red has a hue of 0. H= 0 H= 213H= 170H= 127H= 85 HUE If you change just the hue value, the new hue will have the same saturation and luminosity values as the original color. H: 0 S: 255 L: 128 (as used in the HSL model used in PowerPoint)
  30. How to create colors with HSL*? H: 0 85 170 170 S: 255 255 255 0 L: 128 128 128 0 Combine values of a color’s hue, saturation and luminosity. Each of the three parts can have a value in the range from 0 to 255. (*as used in PowerPoint)
  31. Colors on the color wheel created using combinations of HSL values H 0 20 40 60 80 100 120 140 160 180 200 220 S 255 255 255 255 255 255 255 255 255 255 255 255 V 128 128 128 128 128 128 128 128 128 128 128 128
  32. PowerPoint has the HSL model built in to adjust colors.
  33. Using the HSL model and adjusting hue, saturation and luminosity, you can fix bad tints/shade colors in PowerPoint. ORIGINAL ADJUSTED
  34. The HEX color model Color Model #4
  35. The HEX color model (HEXadecimal) An extension of the RGB model but using hexadecimal numbers to define colors for HTML code. FF0000 00FF00 0000FF
  36. HEX is used specifically for online material and websites and use combinations of the primary colors similar to RGB.
  37. How to create colors with HEX? #FF 00 00 #00 FF 00 #00 00 FF #00 00 00 FF 00 00 R G B RED Combine parts of the three primary colors red, green and blue. Each of the primary colors can have a value in the range 00 (minimum) to FF (maximum) in hexadecimals.
  38. Colors on the color wheel created using combinations of HEX values (Using HEX, “00” is minimum and “80” is the middle and “FF” is max) FF0000 FF8000 FFFF00 80FF00 00FF00 00FF80 00FFFF 0080FF 8000FF 8000FF FF00FF FF0080
  39. Corporate websites use the HEX model to define colors.
  40. Why do you need to know about the different color models when you are creating slides?
  41. When creating slides you need to know how to define RGB colors, how to utilize the HSL values to adjust colors to your advantage and how brand CMYK values and web HEX values relate to the colors you need to use in PowerPoint.
  42. © Presentitude RGB, CMYK, HSL, HEX, HUE, SATURATION, VALUE… ARE YOU STILL WITH US?
  43. The color of pigment, paints and inks, combines Cyan, Magneta, and Black, used for print. A subset of the RGB model, expresses colors in terms of hue, saturation and luminosity, used in PowerPoint. An extension of the RGB model using hexadecimal numbers to define colors for HTML code. HUE SATURATIONVALUE The color of lights, combines Red, Green and Blue, mainly used for screens and used in PowerPoint. The pure color. The lightness (added white) or darkness (added black) of a hue. The intensity of a hue (also called chroma).
  44. RED RGB CMYK HSL HEX R: 256 G: 0 B: 0 C: 0 M: 100 Y: 10O K: 0 H: 0 S: 255 L: 128 #FF0000
  45. Click to read to read full article on this topic. Click to read more articles and sign up for content.
  46. Click to view Part 2Click to view Part 1 Click to view Part 4Click to view Part 3
  47. PRESENTITUDE www.presentitude.com http://plus.google.com/+ Presentitude/posts http://www.facebook.co m/presentitude https://twitter.com/Prese ntitude http://www.linkedin.com/ company/presentitude ‘ Presentitude Presents

×