RGB Colors

An RGB color value is specified with: rgb(red, green, blue).

Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255.

For example, rgb(0, 0, 255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.

---

Hexadecimal Colors

A hexadecimal color is specified with: #RRGGBB.

RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color.

For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00.

---

HSL Colors

HSL stands for hue, saturation, and lightness.

HSL color values are specified with: hsl(hue, saturation, lightness).

Hue

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue.

Saturation

Saturation is a percentage value; 0% means a shade of gray and 100% is the full color.

Lightness

Lightness is also a percentage; 0% is black, 100% is white.

---

HWB Colors

HWB stands for hue, white, and black.

HWB color values are specified with: hwb(hue, white, black).

Hue

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue.

White

White is a percentage value; 0% means a base color from Hue wheel and 100% is white color.

Black

Black is also a percentage; 0% means a base color from Hue wheel and 100% is black color.

---

CMYK Colors

CMYK colors is a combination of CYAN, MAGENTA, YELLOW , and BLACK.

Computer screens display colors using RGB color values. Printers often presents colors using CMYK color values.

---

Natural Colors (NCol)

Natural colors (NCol) is an initiative from W3Schools.

The system is designed to make it easier to select HTML colors.

NCol specifies colors using a color letter with a number to specify the distance (in percent) from the color.

R30 means 30% away from Red , moving towards Yellow. (In other words: Red with 30% Yellow)