COLOR PICKER

In html and css we can define a color in 6 ways. They are rgb hsl hexadecimal rgba hsla and color name

RGB

rgb(red,green,blue). Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255. Experiment below by mixing them.

HSL

hsl(hue, saturation, lightness) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white Experiment by mixing the HSL values below:

HEXADECIMAL

#rrggbb Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255). Experiment below by typing a hex value. please make sure that your text contain # and values between(0-9) and (a-f).

RGBA

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color. An RGBA color value is specified with: rgba(red, green, blue, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all): Experiment by mixing the RGBA values below:

HSLA

HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color. An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all): Experiment by mixing the HSLA values below:

Color picker