Why RGB lightening makes colors go grey and how HSL fixes it

Lightening a hex color by pushing RGB channels toward 255 desaturates the hue, producing grey instead of a lighter tint. HSL separates hue, saturation, and lightness, allowing designers to adjust brightness without distorting color. The article explains the problem and provides a JavaScript function to convert hex to HSL for accurate tinting.