CSS Colours

There are many ways to create colours in CSS. This short video explains all the different ways you can add colours for elements with CSS.

p {
  color: red;
  color: #f00;
  color: #ff0000;
  color: #ff33ccff;
  color: rgb(255, 0, 0);
  color: rgba(255, 0, 0, 1);
  color: hsl(0deg, 50%, 50%);
  color: hsla(0deg, 50%, 50%, 1);
}

8 Digit HEX

The last two digits in an 8 digit hex value are for the alpha

Remember

Research has show that you understand and remember content better with videos played back at 1.5 - 1.6 times normal speed.

Backgrounds

In the backgrounds of elements you can use colours as well as images.

Last Updated: : 8/23/2019, 5:56:00 PM