Для чего нужны разные цветовые форматы?
HEX (Шестнадцатеричный)
Используется почти на каждом веб-сайте. Удобно копировать как единую строку (#FF0000).
RGB(A)
Используется для цифровых дисплеех (Красный, Зеленый, Синий). В CSS позволяет легко задать прозрачность (Alpha).
Почему дизайнеры любят HSL?
HSL (Hue, Saturation, Lightness — оттенок, насыщенность, светлота) — это наиболее интуитивно понятный формат для художника или дизайнера. В HEX сложно сделать цвет "чуть светлее" без сторонней программы. В HSL вам достаточно изменить последний параметр `Lightness` с 50% на 60%, и вы получите идеальный более светлый оттенок.