freeCodeCamp's Adjust the Tone of a Color, Applied Visual Design

Lesson Summary

In this lesson from freeCodeCamp's Applied Visual Design section we look at a helpful tip regarding the hsl() property. We learned in the last lesson that hsl() stands for hue, saturation, and lightness. Once we create a color, we might want to create a variation of that color. An easy way to do this would be adjusting the saturation and lightness. In this challenge we adjust the tone of our nav bar to be the same cyan color that surrounds it, but will less saturation and light. This can help give our site a meaningful balance and is easier to produce than with other backgorund color values.

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required