SlideShare ist ein Scribd-Unternehmen logo
1 von 48
The 4 important color models for presentation design
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.
© 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 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).
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 inks
<
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 blue “paint”
to create green.
CMYK
Red
Green Blue
RGB
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.
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
RGB colors are
composed of
combinations of
portions of red,
green and blue light
beams that goes
straight from a
screen into your
eyes.
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.
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
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
CYANYELLOW
The CMYK color model
(Cyan-Magneta- ellow-Key)
(Black is also called the “key color”)
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.
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%.
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
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,
saturation and
luminosity.
(*The HSL model differs from the HSB/HSV
model used in tools like Photoshop.)
SATURATION LUMINOSITY
HUE
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
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)
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)
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)
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)
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
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.
ORIGINAL ADJUSTED
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
code.
FF0000
00FF00 0000FF
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 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.
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
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
advantage and how
brand CMYK values and
web HEX values relate to
the colors you need to
use in PowerPoint.
© 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, 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).
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://twitter.com/Prese
ntitude
http://www.linkedin.com/
company/presentitude
‘
Presentitude Presents

Weitere ähnliche Inhalte

Andere mochten auch

Totally Excellent Tips for Righteous Local SEO
Totally Excellent Tips for Righteous Local SEOTotally Excellent Tips for Righteous Local SEO
Totally Excellent Tips for Righteous Local SEOGreg Gifford
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of EverythingCharbel Zeaiter
 
5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid RazzakMd. Samid Razzak
 
The Physical Interface
The Physical InterfaceThe Physical Interface
The Physical InterfaceJosh Clark
 
24 Books You've Never Heard Of - But Will Change Your Life
24 Books You've Never Heard Of - But Will Change Your Life24 Books You've Never Heard Of - But Will Change Your Life
24 Books You've Never Heard Of - But Will Change Your LifeRyan Holiday
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the PresentationJeffrey Stevens
 
Mobile-First SEO - The Marketers Edition #3XEDigital
Mobile-First SEO - The Marketers Edition #3XEDigitalMobile-First SEO - The Marketers Edition #3XEDigital
Mobile-First SEO - The Marketers Edition #3XEDigitalAleyda Solís
 
You Are Not As Rational As You Think
You Are Not As Rational As You ThinkYou Are Not As Rational As You Think
You Are Not As Rational As You ThinkYang Ao Wei 楊翱維
 
Search Content vs. Social Content
Search Content vs. Social ContentSearch Content vs. Social Content
Search Content vs. Social ContentSemrush
 
Secrets to a Great Team
Secrets to a Great TeamSecrets to a Great Team
Secrets to a Great TeamElodie A.
 

Andere mochten auch (12)

Totally Excellent Tips for Righteous Local SEO
Totally Excellent Tips for Righteous Local SEOTotally Excellent Tips for Righteous Local SEO
Totally Excellent Tips for Righteous Local SEO
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 
5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak
 
Bill Aulet GEC2016 keynote speech March 16 2016 Medellin Colombia
Bill Aulet GEC2016 keynote speech March 16 2016 Medellin ColombiaBill Aulet GEC2016 keynote speech March 16 2016 Medellin Colombia
Bill Aulet GEC2016 keynote speech March 16 2016 Medellin Colombia
 
The Physical Interface
The Physical InterfaceThe Physical Interface
The Physical Interface
 
24 Books You've Never Heard Of - But Will Change Your Life
24 Books You've Never Heard Of - But Will Change Your Life24 Books You've Never Heard Of - But Will Change Your Life
24 Books You've Never Heard Of - But Will Change Your Life
 
5 Ways To Surprise Your Audience (and keep their attention)
5 Ways To Surprise Your Audience (and keep their attention)5 Ways To Surprise Your Audience (and keep their attention)
5 Ways To Surprise Your Audience (and keep their attention)
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the Presentation
 
Mobile-First SEO - The Marketers Edition #3XEDigital
Mobile-First SEO - The Marketers Edition #3XEDigitalMobile-First SEO - The Marketers Edition #3XEDigital
Mobile-First SEO - The Marketers Edition #3XEDigital
 
You Are Not As Rational As You Think
You Are Not As Rational As You ThinkYou Are Not As Rational As You Think
You Are Not As Rational As You Think
 
Search Content vs. Social Content
Search Content vs. Social ContentSearch Content vs. Social Content
Search Content vs. Social Content
 
Secrets to a Great Team
Secrets to a Great TeamSecrets to a Great Team
Secrets to a Great Team
 

Mehr von Presentitude

The five parts of a great PowerPoint template
The five parts of a great PowerPoint templateThe five parts of a great PowerPoint template
The five parts of a great PowerPoint templatePresentitude
 
Six safe fonts to use in your presentations
Six safe fonts to use in your presentationsSix safe fonts to use in your presentations
Six safe fonts to use in your presentationsPresentitude
 
10 things presentation designers are thankful for
10 things presentation designers are thankful for10 things presentation designers are thankful for
10 things presentation designers are thankful forPresentitude
 
What slide dimensions should you use for your presentations?
What slide dimensions should you use for your presentations?What slide dimensions should you use for your presentations?
What slide dimensions should you use for your presentations?Presentitude
 
Create icons in PowerPoint
Create icons in PowerPointCreate icons in PowerPoint
Create icons in PowerPointPresentitude
 
Presentation Design Trick or Treat
Presentation Design Trick or TreatPresentation Design Trick or Treat
Presentation Design Trick or TreatPresentitude
 
The ABC of the Presentation Summit
The ABC of the Presentation SummitThe ABC of the Presentation Summit
The ABC of the Presentation SummitPresentitude
 
How to make font transparent in PowerPoint
How to make font transparent in PowerPointHow to make font transparent in PowerPoint
How to make font transparent in PowerPointPresentitude
 
Taking standard fonts for a spin
Taking standard fonts for a spinTaking standard fonts for a spin
Taking standard fonts for a spinPresentitude
 
How to create a presentation color theme from a photo
How to create a presentation color theme from a photoHow to create a presentation color theme from a photo
How to create a presentation color theme from a photoPresentitude
 
5 timeless color themes for presentations
5 timeless color themes for presentations5 timeless color themes for presentations
5 timeless color themes for presentationsPresentitude
 
23 quick color themes for your presentation
23 quick color themes for your presentation23 quick color themes for your presentation
23 quick color themes for your presentationPresentitude
 

Mehr von Presentitude (12)

The five parts of a great PowerPoint template
The five parts of a great PowerPoint templateThe five parts of a great PowerPoint template
The five parts of a great PowerPoint template
 
Six safe fonts to use in your presentations
Six safe fonts to use in your presentationsSix safe fonts to use in your presentations
Six safe fonts to use in your presentations
 
10 things presentation designers are thankful for
10 things presentation designers are thankful for10 things presentation designers are thankful for
10 things presentation designers are thankful for
 
What slide dimensions should you use for your presentations?
What slide dimensions should you use for your presentations?What slide dimensions should you use for your presentations?
What slide dimensions should you use for your presentations?
 
Create icons in PowerPoint
Create icons in PowerPointCreate icons in PowerPoint
Create icons in PowerPoint
 
Presentation Design Trick or Treat
Presentation Design Trick or TreatPresentation Design Trick or Treat
Presentation Design Trick or Treat
 
The ABC of the Presentation Summit
The ABC of the Presentation SummitThe ABC of the Presentation Summit
The ABC of the Presentation Summit
 
How to make font transparent in PowerPoint
How to make font transparent in PowerPointHow to make font transparent in PowerPoint
How to make font transparent in PowerPoint
 
Taking standard fonts for a spin
Taking standard fonts for a spinTaking standard fonts for a spin
Taking standard fonts for a spin
 
How to create a presentation color theme from a photo
How to create a presentation color theme from a photoHow to create a presentation color theme from a photo
How to create a presentation color theme from a photo
 
5 timeless color themes for presentations
5 timeless color themes for presentations5 timeless color themes for presentations
5 timeless color themes for presentations
 
23 quick color themes for your presentation
23 quick color themes for your presentation23 quick color themes for your presentation
23 quick color themes for your presentation
 

Kürzlich hochgeladen

Communication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxCommunication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxkb31670
 
Machine learning workshop, CZU Prague 2024
Machine learning workshop, CZU Prague 2024Machine learning workshop, CZU Prague 2024
Machine learning workshop, CZU Prague 2024Gokulks007
 
Dynamics of Professional Presentationpdf
Dynamics of Professional PresentationpdfDynamics of Professional Presentationpdf
Dynamics of Professional Presentationpdfravleel42
 
Juan Pablo Sugiura - eCommerce Day Bolivia 2024
Juan Pablo Sugiura - eCommerce Day Bolivia 2024Juan Pablo Sugiura - eCommerce Day Bolivia 2024
Juan Pablo Sugiura - eCommerce Day Bolivia 2024eCommerce Institute
 
Burning Issue presentation of Zhazgul N. , Cycle 54
Burning Issue presentation of Zhazgul N. , Cycle 54Burning Issue presentation of Zhazgul N. , Cycle 54
Burning Issue presentation of Zhazgul N. , Cycle 54ZhazgulNurdinova
 
The Real Story Of Project Manager/Scrum Master From Where It Came?!
The Real Story Of Project Manager/Scrum Master From Where It Came?!The Real Story Of Project Manager/Scrum Master From Where It Came?!
The Real Story Of Project Manager/Scrum Master From Where It Came?!Loay Mohamed Ibrahim Aly
 
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8Access Innovations, Inc.
 
Communication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxCommunication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxkb31670
 

Kürzlich hochgeladen (8)

Communication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxCommunication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptx
 
Machine learning workshop, CZU Prague 2024
Machine learning workshop, CZU Prague 2024Machine learning workshop, CZU Prague 2024
Machine learning workshop, CZU Prague 2024
 
Dynamics of Professional Presentationpdf
Dynamics of Professional PresentationpdfDynamics of Professional Presentationpdf
Dynamics of Professional Presentationpdf
 
Juan Pablo Sugiura - eCommerce Day Bolivia 2024
Juan Pablo Sugiura - eCommerce Day Bolivia 2024Juan Pablo Sugiura - eCommerce Day Bolivia 2024
Juan Pablo Sugiura - eCommerce Day Bolivia 2024
 
Burning Issue presentation of Zhazgul N. , Cycle 54
Burning Issue presentation of Zhazgul N. , Cycle 54Burning Issue presentation of Zhazgul N. , Cycle 54
Burning Issue presentation of Zhazgul N. , Cycle 54
 
The Real Story Of Project Manager/Scrum Master From Where It Came?!
The Real Story Of Project Manager/Scrum Master From Where It Came?!The Real Story Of Project Manager/Scrum Master From Where It Came?!
The Real Story Of Project Manager/Scrum Master From Where It Came?!
 
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8
ISO 25964-1Working Group ISO/TC 46/SC 9/WG 8
 
Communication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptxCommunication Accommodation Theory Kaylyn Benton.pptx
Communication Accommodation Theory Kaylyn Benton.pptx
 

The 4 important color models for presentation design

  • 2. 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.
  • 3. © Presentitude THE ANATOMY OF COLORS AND 4 COLOR MODELS Part III of Basic Color Theory for Presentation Design
  • 4. A color can be pure, have a lightness/darkness, and have a intensity.
  • 5. 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).
  • 6. The color of light behaves differently than the color of pigment.
  • 7. Additive colors Subtractive colors The color of lights The color of pigment, paints and inks
  • 8. The two main color models are based the concept of additive and subtractive colors.
  • 9. Red Green Blue Magneta Yellow Cyan Additive colors Subtractive colors The color of lights The color of pigment, paints and inks
  • 10. < CMYK The color of lights The color of pigment, paints and inks Red Green Blue Magneta Yellow Cyan RGB
  • 11. 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
  • 12. The four color models for presentation design 1 2 3 4
  • 13. The RGB color model Color Model #1
  • 14. 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
  • 15. RGB colors are composed of combinations of portions of red, green and blue light beams that goes straight from a screen into your eyes.
  • 16. 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.
  • 17. 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
  • 18. PowerPoint uses the RGB model.
  • 19. The CMYK color model Color Model #2
  • 20. 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”)
  • 21. 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.
  • 22. 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%.
  • 23. 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
  • 24. Vector software such as Illustrator uses the CMYK model.
  • 25. The HSL color model Color Model #3
  • 26. 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
  • 27. HSL tries to bridge the RGB color model, understood by computers, to mix colors more like humans do.
  • 28. 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)
  • 29. 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)
  • 30. 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)
  • 31. 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)
  • 32. 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
  • 33. PowerPoint has the HSL model built in to adjust colors.
  • 34. Using the HSL model and adjusting hue, saturation and luminosity, you can fix bad tints/shade colors in PowerPoint. ORIGINAL ADJUSTED
  • 35. The HEX color model Color Model #4
  • 36. The HEX color model (HEXadecimal) An extension of the RGB model but using hexadecimal numbers to define colors for HTML code. FF0000 00FF00 0000FF
  • 37. HEX is used specifically for online material and websites and use combinations of the primary colors similar to RGB.
  • 38. 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.
  • 39. 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
  • 40. Corporate websites use the HEX model to define colors.
  • 41. Why do you need to know about the different color models when you are creating slides?
  • 42. 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.
  • 43. © Presentitude RGB, CMYK, HSL, HEX, HUE, SATURATION, VALUE… ARE YOU STILL WITH US?
  • 44. 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).
  • 45. 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
  • 46. Click to read to read full article on this topic. Click to read more articles and sign up for content.
  • 47. Click to view Part 2Click to view Part 1 Click to view Part 4Click to view Part 3