CSS Colors | Color names, Hexadecimal, RGB, RGBA, HSL, HSLA values | CSS Color Conventions

CSS colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

In this tutorial, learn all about using these different color values with the color & background-color property in CSS to change the colors of HTML elements on a webpage.

Each of the above color values are explained in detail with examples and some tips and tricks to make styling of your webpage easier.

- - - - Contents Of The Video - - - -

00:00 - Introduction to CSS color values / color conventions
0:46 - Color Names supported by all browsers
2:00 - HEX or Hexadecimal color values
4:00 - RGB color values
5:14 - RGBA color values
6:31 - HSL & HSLA color values
8:02 - Demo for testing background colors on a live website
9:57 - Choosing colors quickly / using online tools for color themes

- - - - Interesting Links - - - -

1. HTML Tutorials Playlist:
   • HTML5 Tutorials  

2. What is CSS? (video):
   • Introduction to CSS | What is CSS? | ...  

3. W3C CSS Official Documentation : https://www.w3.org/Style/CSS/Overview...

4. W3 schools Valid Color names:
https://www.w3schools.com/cssref/css_...

5. W3 schools RGB & RGBA reference page:
https://www.w3schools.com/css/css_col...

6. W3 schools HEX reference page:
https://www.w3schools.com/css/css_col...

7. W3 schools HSL & HSLA reference page:
https://www.w3schools.com/css/css_col...

8. Website for generating color themes & palettes:
https://coolors.co/