HTML Colors

HTML colors can be specified using predefined color names, which can come in different forms such as RGB, RGBA, HEX, HSL, and HSLA values. The W3C has defined 16 basic colors which are explained below.

1. Color Names

The simplest way to specify a color is by its name. Here are the 16 named colors and their corresponding color names:

2. RGB Values

RGB values are defined using the rgb() property. This property takes three values, one for red, one for green, and one for blue. These values range from 0 to 255. To add opacity to a color, the rgba() property can be used, with the last value ranging from 0 to 1. Here are the 16 named colors with their decimal RGB values:

3. HEX Values

Hex values are 6-digit alphanumeric codes preceded by the "#" symbol. The first two digits represent the red value, the next two represent the green value, and the last two represent the blue value. Hex values are preferred over color names because they occupy less space. When CSS files are minified, color names are automatically converted to hex values. Here are the 16 named colors with their hexadecimal values:

4. HSL Values

HSL stands for Hue, Saturation, and Lightness. Hue is defined from 0 to 360 degrees, while saturation and lightness are represented as percentages from 0 to 100%. Here are the 16 named colors with their HSL values:

5. How to apply these color using the style attribute

We can apply the above-mentioned colors to any of the HTML elements using the style attribute. 

Output:

Supporting Browsers