2. What is Color?
Color is a property of light as seen by
people
the quality of an object or substance with
respect to light reflected by the object,
usually determined visually by
measurement of hue, saturation, and
brightness of the reflected light;
saturation ; hue.
3. Traditional Colors (Primary Colors)
The Primary colors are red, blue, and yellow.
These are the "elemental" colors, because they cannot be produced by mixing
other colors together, and all other colors are derived from some combination of
these three.
4. Secondary Colors
A color resulting from the mixing of two primary colors.
If we mix equal parts of two primary colors—blue, red, and yellow—we will
create either green, orange, or purple. This is the foundation for the Color Wheel.
5. Tertiary Colors
Tertiary colors are combinations of primary and secondary
colors.
There are six tertiary colors; red-orange, yellow-orange, yellow-
green, blue-green, blue-violet, and red-violet.
On the color wheel, they sit between the primary and
secondary color they are mixed from.
6. Hue
Hue refers to the origin of the color we see.
Think of the Hue as one of the six Primary and
Secondary colors.
In other words, the underlying base color of the mixture you're
looking at is either Yellow, Orange, Red, Violet, Blue or Green.
7. Shade
Color Theory defines a True Shade as any pure Hue or mixture of pure colors
with only Black added. In other words, it contains absolutely no White or Gray.
A Shade darkens the color. It remains the same Hue only a darker version.
8. Tone
Color Theory defines a True Tone as any Hue or mixture of pure colors with
only Gray added.
To be precise, this definition considers Gray as truly neutral.
9. Tints
Color Theory defines a True Tint as any Hue or mixture of pure colors with only
White added.
Therefore a Tint can range from slightly lighter than your original color, all the
way to White with barely any of the color mixed in.
10. Black and White Color
Black: Absence of Color
White: Present of all Color
11. Brown Color
Brown is the color of dark wood or rich soil.
It is a composite color; in printing or painting, it is made by combining red,
black and yellow, or red, yellow and blue.
12. Warm Colors and Cool Colors
Warm Colors
On the color wheel are the reds,
oranges and yellow
Also called as Advancing Colors.
Cool Colors
On the color wheel are the greens,
blues and violets.
Also called Receding Colors.
13. Red – Energy, Passion, Power, Excitement
Orange – Happiness, Confidence, Creativity, Adventure
Yellow – Wisdom, Playfulness, Satisfaction, Optimism
Green – Health, Regeneration, Contentment, Harmony
Blue – Honesty, Integrity, Trustworthiness
Violets – Mystic, Beauty, Inspiration, Regale
Color and Elements
14. Color and Elements
White – Clean, Modern, Minimalistic
Black – Finality and Transitional
Brown – Easiness and Passivity
15. Color Scheme
Complementary Colors
Complementary schemes are created by combining colors from opposite sides of
the color wheel.
Complementary color schemes mostly consist of two complementary colors
expanded with grey tones, tints, and shades.
16. Color Scheme
Split Complementary Colors
A split-complementary color scheme is known to be a variation
of a complementary color scheme. But rather than being a
mixture of two colors, split-complementary colors contain a
combination of three colors.
In order to get a split-complementary color, you have to mix
together one primary color and two colors adjacent to its
complement.
While complementary colors tend to look dull, split-
complementary colors are used well for contrast purposes.
17. Color Scheme
Triads and Tetradic Color
Triads and tetradic color combinations use geometric shapes (triangle and
rectangle) to combine 3 or 4 colors across the color wheel
18. Color Scheme
Analogous Color
Groups of three colors that are next to each other on the color wheel
The first is the dominant color, the second is the supporting color, and the
third serves as an accent.
19. Color Scheme
Monochromatic Colors
Monochromatic colors are all the colors of a single hue.
Monochromatic color schemes are derived from a single base hue and extended
using its shades, tones and tints.
20. The Anatomy of Colors and 4 Color Models
Colors are the visual perceptual property
corresponding in humans to the categories
called red, blue, yellow, etc.
Color derives from the spectrum of light
(distribution of light power versus wavelength)
interacting in the eye with the spectral
sensitivities of the light receptors.
Usually determined visually by measurement of
hue, saturation, value and brightness of the
reflected light
21. Hue – Pure Color
Value – The Lightness ( added white)
The Darkness ( added black)
of a hue
Saturation – the intensity of a Hue
22. What is the difference between light color and pigment
color?
Light is transmitted color, it is called additive
color.
Red Green Blue
Pigment is reflected color, it is called
subtractive colors.
Cyan, Magenta, Yellow
They have different primary colors. When the light is reflected from something,
as in paint, the three primary colors are red, yellow, and blue but for transmitted
light the primary colors are red, green, blue - RGB
23. The RGB Color Model
RGB color model is the additive color model using red, green and blue colors.
The main use of the RGB color model is for displaying images on electronic devices.
The ability to create all other colors by combining these colors.
In this process of the RGB color model, if the three colors are superimposed with the least
intensity, then the black color is formed, and if it is added with the full intensity of light, then
the white color is formed.
24. How to create colors with RGB
Combine parts of the three primary colors RGB
Each of the primary colors can have value in the range from 0 to 255
25. Colors on the color wheel created using combinations
of RGB Values
26. The CMYK Color Model
The CMYK color model is a subtractive color model, based on the CMY color model, used in
color printing, and is also used to describe the printing process itself.
CMYK refers to the four ink plates used in some color printing: cyan, magenta, yellow, and
key (black).
Black is also called as Krypton
27. How to create colors with CMYK
Combine values of the primary colors of CMY and K
Each of the colors are calculated in percentage from 0 to 100%
28. The HSL Color Model
The best thing about HSL model is that its lightness and saturation elements
bridge the entire array of values.
This model explains the color in terms of lightness, saturation and hue.
Hue – pure color
Value – the lightness ( added white ) or darkness (added black) of a hue
Saturation – the intensity of the hue
29. Hue
The pure color, hue, can be calculated by giving it a number between 0 to 255, where
pure red has a hue of 0
If you change just the hue value the new hue will have the same saturation and
luminosity value as the original color
30. Saturation
An Original hue is fully saturated/ vibrant and have
a saturation level of 255 (maximum) S=255
When saturation is decreased (minimum is 000) the
color is almost gone and it becomes desaturated/
neutralized. S=000
31. Luminosity
When you decrease this value
(min=000) the color becomes darker
(shade)
When you increase this value
(max=255) the color becomes
brighter (tint)
32. How to create colors with HSL
Combine values of a colors hue, saturation and luminosity
Each of the three parts can have value in the range from 0 to 255
33. The HEX Color Model
An extension of the RGB model but using hexadecimal numbers to define colors
for HTML code.
Used specifically for online material and websites and use combinations of the
primary colors similar to RGB.
34. How to create colors with HEX
Combine parts of the three primary colors RGB.
Each of the primary colors can have a value in the range 00 (minimum) to ff
(maximum) in hexadecimals.
35. The color Green in all four color models
RGB
R: 0
G: 256
B: 0
CMYK
C: 100
M: 0
Y: 100
K: 0
HSL
H: 120
S: 255
L: 128
HEX
#00FF00