Работа с форматами цвета
Вставьте цвет в любом формате — HEX, rgb() или hsl() — либо выберите его пипеткой, и конвертер мгновенно покажет все три записи с предпросмотром. Дополнительно строится шкала из девяти оттенков того же тона от светлого к тёмному: удобно подбирать цвета для кнопок, ховеров и фонов в едином стиле.
HEX и RGB описывают цвет одинаково — долями красного, зелёного и синего. HSL устроен иначе: тон задаёт «какой это цвет», насыщенность — его чистоту, светлота — яркость. Поэтому в HSL легко программно осветлять и затемнять цвета, сохраняя оттенок.