A hex color is a way of representing a RGB color using the hexadecimal system. Each channel (red, green, blue) is defined by a number between 0 and 255 in hexadecimal (00 to FF) and the resulting color is composed of these numbers side by side, for example, #010203 is a color composed of red(01), blue(02), green(03). Hex colors can also include an alpha channel; In fact, CSS 4 specifies the alpha channel in the end of the hex color, for example #01020304 would mean red(01), blue(02), green(03), alpha(04)

example

rgb(0, 0, 0)

#000000

A RGB color is a way of representing colors using 3 channels, red (R), green (G), and blue (B). Each channel by a number between 0 and 255 (8 bits) and each RGB color is defined with 24 bits (8 bits per channel * 3 channels)

example

#000

rgb(0, 0, 0)

A RGBA color is a way of representing colors with transparency using 4 channels, red (R), green (G), blue (B), alpha (A). Each channel by a number between 0 and 255 (8 bits) and each RGBA color is defined with 32 bits (8 bits per channel * 4 channels). On CSS, the alpha channel is represented as a floating number between 0 and 1

example

#000

rgba(0, 0, 0, 1)

A HSL color is a way of representing colors using Hue, Saturation and Lightness. Hue is the degree on the color wheel, from 0 to 360. Saturation is a percentage where 0% is all gray and 100% is the full color. Lightness is a percentage where 0% is all black and 100% is all white.

example

#000

hsl(0, 0%, 0%)

A HSLA color is a way of representing colors using Hue, Saturation, Lightness and Alpha. Hue is the degree on the color wheel, from 0 to 360. Saturation is a percentage where 0% is all gray and 100% is the full color. Lightness is a percentage where 0% is all black and 100% is all white. Alpha is the transpacency channel where 0 is completely transparent and 1 is opaque

example

#000

hsla(0, 0%, 0%, 1)

Also known as HSB.

A HSV or HSB color is a way of representing colors using Hue, Saturation and Value. Hue is the degree on the color wheel, from 0 to 360. Saturation and Value are percentages (from 0% to 100%)

example

#000

hsv(0, 0%, 0%)

A CMYK color is a way of representing colors using 4 channels, cyan (C), magenta (M), yellow (Y), and black (K). Each channel is represented as a percentage (from 0% to 100%)

example

#000

cmyk(0%, 0%, 0%, 100%)