What is HSL work and how is its tone indicated?

HSL stands for hue, saturation, and lightness - and represents a cylindrical-coordinate representation of colors. Hue is a degree on the color wheel (from 0 to 360) - 0 (or 360) is red, 120 is green, 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 value, 0% is black, and 100% is white. Saturation can be described as the intensity of a color. 100% is pure color, no shades of gray 50% is 50% gray, but you can still see the color.

Hexes are just a different way of writing RGB values. Something like #6a79f7 (cornflower blue) maps directly to rgb(106, 121, 247). While the math is fun, it clearly makes hexadecimal codes considerably to a greater degree an aggravation for people rather than RGB, however they are not difficult to duplicate glue and can have important letter/number blends.

HSL and HSV are both tube shaped calculations (fig. 2), with shade, their precise aspect, beginning at the red essential at 0°, going through the green essential at 120° and the blue essential at 240°, and afterward wrapping back to red at 360°.