CSS Colors

Keywords

We can use color keywords to specify exact colors. These keywords are case-insensitive and represent specific RGB color values.

In general, we use color keywords for testing purposes, or when using white, black or transparent colors. In most other situations, we are better off using exact RGB or HSL values.

Copy
blue

<div class="warning">
  <h2>Pay attention to me</h2>
  <h3>I need to feel validated</h3>
</div>

h2 {
  color: green;
}

.warning {
  padding: 1rem;
  background-color: lightgray;
  border-radius: 20%;
}