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.
Zone Chairperson Role and Responsibilities New updated.pptx
The 4 important color models for presentation design
1.
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.
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.
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
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
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
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
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
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.
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).