LEARN UI DESIGN PRESENTS
UI COLOR CHEATSHEET
THE WAY OF COLOR LUMINOSITY MAX / MINS
Color adjustment works in two general directions The brightest and darkest colors
• Increase brightness
LUMINOSITY • Decrease saturation
UP • Hue towards nearest
luminosity maximum
• Decrease brightness
0° 60° 120° 180° 240° 300°
LUMINOSITY • Increase saturation
DOWN HUE
• Hue towards nearest
luminosity minimum
HAVE YOU CONSIDERED USING…
There are more colors than you think
HTML names listed below swatches
18° 7° 55° 88° 170° 193° 307°
57 100 44 81 100 57 100
100 100 94 83 100 93 57
LightSalmon OrangeRed Khaki YellowGreen Aquamarine SkyBlue Purple
7° 14° 51° 135° 175° 207° 280°
61 88 100 100 100 100 100
100 100 100 83 89 100 51
Salmon Tomato Gold LimeGreen Turquoise DodgerBlue Indigo
360° 20° 43° 151° 180° 216° 257°
53 80 100 100 100 65 63
100 100 90 100 51 94 81
LightCoral Coral Goldenrod SpringGreen Teal CornflowerBlue SlateBlue
354° 31° 157° 230° 311°
100 100 100 70 61
97 100 56 89 94
Crimson DarkOrange SeaGreen RoyalBlue Orchid
360° 38° 134° 254° 327°
100 100 100 96 100
78 100 56 44 100
Firebrick Orange ForestGreen MidnightBlue DeepPink
© 2017 Kennedy Design Inc.
