RGB to HSL

What is the difference between RGB and HSL

RGB is an additive color model. In other words, to get other colors, you mix primary red, green, and blue. If you mix all three colors at maximum intensity (100%), you get white. On the other hand, if you mix them all at the lowest intensity (0%), you end up with black. The main purpose of the RGB color model is to recognize, represent and display images in electronic systems such as televisions and computers, although it has also been used in ordinary photography. Before the electronic era, the RGB color model already had a solid theory based on human perception of colors. RGB is a device-specific color model: different devices detect or reproduce a given RGB value differently because color elements and their response to individual R, G and B levels vary from manufacturer to manufacturer, or even to the same device with the passage of time.

HSL / HSLA Color Method - HSL stands for Hue, Saturation, and Lightness. HSL works the same way our brain perceives colors: a color that we can manipulate with brightness and saturation. The Hue property is a color selected from a palette of 360 colors. Colors are specified in a circle, and each hue is a degree in the color wheel. The key advantage of HSL is the ability to specify color characteristics independently of each other. This opens up tremendous opportunities for you. You can easily make the color brighter, darker, more saturated or desaturated. And while maintaining its shade. Or vice versa - change the hues without changing their saturation or brightness. Often, preprocessors are used to use such features, but it is possible without them.