Color
Color Wheel
This is the standard color wheel that you have probably seen since kindergarten.
It is considered a paint/pigment color wheel.
It helps artists know how to mix pigments to create other colors.
3 Properties of Color (HSV or HSB)
Hue: where on the color wheel/spectrum (degree)
Saturation: how much color (0-100%)
Value (or Brightness): how light/dark (0-100%)
Color Pickers
The hue is usually represented by a spectrum or wheel. It is the color option.
Value is on the left side of the box, with black at the bottom and white at the top.
Saturation is left-right on the box, with no saturation on the left and full saturation on the right.
The Science of Color Perception
In the text box on your Google Drawing, type something you learn while watching the video.
PMS / CMYK / RGB & HEX
PMS (Pantone Matching System): Used by larger scale print shops. The company, Pantone, created color reference books that printers and designers could reference to make sure they are talking about the same color.
CMYK (Cyan, Magenta, Yellow, Key): Used by most injet and laser printers to create color on paper.
RGB (Red, Green, Blue): Used by computers to create color on computers.
HEX #: The code numbers (ex: #000000) for each RGB color. Used by websites, etc.
RGB to HEX
Each color's RGB values go from 0-255, so for example red is "255, 0, 0"
HEX #s is a numbering system that is base 16.
In HEX, 00=0, FF=255
In HEX numbers, the first 2 numbers are the R (red) value, the next 2 numbers are the G (green) value, and the last 2 numbers are the B (blue) value.
Brands
Having specific RGB/CMYK values is crucial for maintaining a brand's identity and ensuring consistency across all media channels.
Specific RGB/CMYK values help to create a consistent look and feel for a brand, making it easier for customers to recognize and identify the brand.
Brand Example
Here is an example of McDonald's McDelivery Brand Guidelines around color.
How to set an RGB color on Fresco
Analogous & Warm/Cool Colors
Analogous colors: next to each other on the color wheel (ex: orange, orange-yellow, yellow)
Warm colors: red, orange, yellow (and everything in between
Cool colors: purple, blue, green (and everything in between)
Complementary Colors
Complementary colors are across from each other on the color wheel.
On your Google Drawing, choose a complementary color pair and apply the colors to the two swatches.
Avoid Vibrating Colors
Placing bright colors on top of each other can sometimes cause an afterimage effect.
Avoid this
Harder for people to view
Color Picker
On your notes, click the link on #4
Press the spacebar to cycle through color combos. Click the lock to keep a color.
Choose 1 color combo.
Type the 2 HEX #’s in the text box on your notes
Colors in Different Cultures
In the text box on your Google Drawing, type something you learn while watching the video.
Color Vision Dificiency
In the text box on your Google Drawing, type something you learn while watching the video.
Color Contrast Checker
On your notes, click the link on #6
Type in your HEX #s from #4.
Write down the contrast score (1-21) that your color combo got.
