Color Values: Named, Hex, RGB, HSL
Learn every CSS color format: named colors, hex codes, rgb(), and hsl() functions.
CSS Color Formats
CSS supports multiple color formats. Choosing the right one depends on your workflow, tooling, and whether you need transparency or dynamic manipulation.
Named Colors
CSS defines 140+ named colors like red, tomato, cornflowerblue. They are great for quick prototyping but offer limited precision.
h1 { color: tomato; }
button { background: cornflowerblue; }All lessons in this course
- Color Values: Named, Hex, RGB, HSL
- Background Color and Image
- Gradients: Linear and Radial
- Opacity and RGBA Transparency