Colors
In this course, you will learn all about choosing and setting CSS colors using a variety of techniques.
StartKey Concepts
Review core concepts you need to learn to master this subject
CSS Color Alpha Values
CSS Color Alpha Values
.midground {
background-color: rgba(0, 255, 0, 0.5);
}
.foreground {
background-color: hsla(34, 100%, 50%, 0.1);
}
.transparent {
color: transparent;
}
Alpha values determine the transparency of colors in CSS. Alpha values can be set for both RGB and HSL colors by using rgba()
and hsla()
and providing a fourth value representing alpha. Alpha values can range between 0.0
(totally transparent) and 1.0
(totally opaque).
The CSS transparent
value can also be used to create a fully transparent element.
CSS Color
Lesson 1 of 1
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory