Why do we need different color models?
HEX (Hexadecimal)
The standard for web design. It represents RGB values in a base-16 format, making it extremely compact and easy to copy-paste between design tools and CSS code.
RGB (Red, Green, Blue)
Maps perfectly to the physical pixels on digital screens. Excellent when you need to specifically control the intensity of individual light channels or apply alpha transparency.
HSL (Hue, Saturation, Lightness)
The most human-readable format. It makes it incredibly easy to create lighter/darker shades of a color or build matching color palettes by simply adjusting the L or S values.