Back to CSS Course

All modern browsers support the following 140 color names.

HTML

<h1>First Heading</h1>
<h2>Second Heading</h2>
<h3>Third Heading</h3>
<h4>Fourth Heading</h4>
<h5>Fifth Heading</h5>
<h6>Sixth Heading</h6>

CSS

/* HTML supports 140 standard color names */
h1 {
  color: darkred;
}

/* RGB - color value represents RED, GREEN, and BLUE light sources */
h2 {
  color: rgb(60, 60, 60);
}

/* RGBA - color value is an extension of RGB with an Alpha channel
(opacity) */
h3 {
  color: rgba(255, 99, 71, 0.5);
}

/* HEX - hexadecimal color is specified with: #RRGGBB, where the RR
(red), GG (green) and BB (blue) hexadecimal integers specify the
components of the color */

h4 {
  color: #ff0000;
}

/* HSL - stands for hue, saturation, and lightness */
h5 {
  color: hsl(147, 50%, 47%);
}

/* HSLA - color values are an extension of HSL with an Alpha channel (opacity). */
h6 {
  color: hsla(9, 100%, 64%, 0.6);
}

You can check out the Demo.