CSS — Colors

Overview

Learn Colors in CSS with a clear explanation and a practical example.

What you'll learn

• What Colors means
• When to use it
• How it works in practice
• A copy‑paste example

Syntax

color: ...; background: ...;

Example

.title{ color:#04AA6D; }
.badge{ background:rgba(4,170,109,.12); border:1px solid rgba(4,170,109,.25); }

Notes

• Test the example in the Playground.
• Start simple, then expand.

Mistakes

• Mixing up the syntax.
• Not testing the output.

Try: Open the Playground: /en/playground/html