Основное отличие цветовых моделей RGB и HSL заключается в том, как они представляют цвета:

1. RGB — это аддитивная модель, в которой цвета создаются за счёт добавления одного к другому: красного, зелёного и синего. 4 Цвета в RGB формируются за счёт отражённого света экрана: диоды по ту сторону монитора подсвечивают точку с разной интенсивностью, чтобы человек видел определённый оттенок. 4
2. HSL — это представление модели RGB в цилиндрической системе координат. 3 HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. 3 Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений. 3

В RGB значения каждого цвета задаются целым числом от 0 до 255. 3 В HSL задаются три разных значения: оттенок (hue), насыщенность (saturation) и освещённость (lightness). 8 Оттенок задаётся в градусах на цветовом круге (от 0 до 360), насыщенность — в процентах (от 0% до 100%), а освещённость — тоже в процентах (от 0% (полностью чёрный) до 100% (чистый белый)). 8