Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser

Great job! You've learned how to style an important aspect of the user experience: color.

Let's review what you've learned so far:

  1. Foreground color refers to the actual color of an element, styled with the color property.
  2. Background color refers to the color behind an element, styled with the background-color property.
  3. There are 147 named colors available.
  4. RGB and hexadecimal colors offer over 16 million color possibilities.
  5. HSL is a new way of defining colors in CSS3.
  6. You can modify the opacity of a color with RGBa or HSLa colors.
  7. Not all browsers support newer CSS features, like opacity or HSL, so additional declarations should be made to support a wide audience of users.
  8. There are many color picker resources available on the Internet to help you select specific colors, as well as provide colors in different formats.

Take some time to experiment with your new knowledge of colors in style.css. When you're done, you can proceed to the next unit.

report a_bug
If you see a bug or any other issue with this page, please report it here.