Hue, saturation, value, and a system for building color schemes on purpose
Grab your Guided Notes (FDD 3.1) and a pencil.
GET READY
Today's Word Bank
Every word below appears on your notes sheet. Watch closely, some get used more than once.
analogous
complementary
hex
HSB
monochromatic
How today works: we'll look at one blank at a time. Study the example, make your best guess, then we'll reveal the answer together. Fill in your notes as we go, don't skip ahead!
1GUIDED NOTES
Opposite or neighboring colors?
Name the color scheme: opposite colors on the wheel = ______; neighboring colors = ______; one hue, many values = ______.
GUIDED NOTES #1
COMPLEMENTARY / ANALOGOUS / MONOCHROMATIC
Complementary = directly across the wheel. Analogous = next to each other. Monochromatic = one hue, many values.
2GUIDED NOTES
What's the third way to dial in color?
Illustrator lets you dial in a color three ways: CMYK (for print), RGB (for screens), or ______ (Hue/Saturation/Brightness), often the most intuitive for a human to reason about.
GUIDED NOTES #2
HSB
Hue/Saturation/Brightness, think in terms humans actually reason about color.
3GUIDED NOTES
What's a 6-digit web color code?
A ______ value is a 6-digit web color code (like #2C6E49), it's just another way of writing an RGB color.
GUIDED NOTES #3
HEX
Same color as RGB, just written as a 6-digit code, the web/CSS standard.
NOW DISCUSS
Turn & Talk
Why might a brand's logo be printed in a spot color instead of building that exact shade from CMYK every time?
Think → Pair → Share · 2 minutes · Write your answer on the Discuss line on your guided notes