Colors & AccessibilityLesson 90Free preview

Palette Generator

This lesson is part of Web Developer Tools · All levels

Summary

Palette generators help to arrange harmonious color combinations based on the relationship on the color wheel. Popular schemes include analog, complementary, triadic, tetradic, and monochromatic. A good palette is not only beautiful, but also maintains contrast and visual hierarchy.

Key points

Complementary color is opposite to the color wheel
The analog color is next to each other so it feels like it's aligned.
The triadic scheme uses three colors at a distance of about 120 degrees
The 60-30-10 rule helps divide the portion of dominant, secondary, and accent colors
Test the text and background contrast before setting the palette

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.