RGB и HSL отличаются подходами к работе с цветовыми палитрами. 3

RGB получает три значения, каждое из которых обозначает яркость красного, зелёного и синего цветов. 3 Эти значения могут находиться в интервале от 0 до 255. 3 Смешивая разные яркости красного, зелёного и синего, можно создавать любые цвета. 3

HSL схожа с RGB, но вместо значений красного, зелёного и синего использует значения тона, насыщенности и светлоты. 3

Некоторые особенности HSL:

• Значение тона (hue) означает сам цвет, его значения находятся в интервале от 0 до 360. 3 Например, значение 0 для hue обозначает красный цвет, значение 120 — зелёный, а значение 240 — синий. 3
• Значение насыщенности обозначает интенсивность цвета, которая находится в интервале от 0% до 100%. 3 Значение 100% saturation означает, что цвет полностью насыщенный, а значение 0% означает, что цвет серый. 3
• Значение светлоты обозначает яркость цвета, которая находится в интервале от 0% до 100%. 3 Значение 50% lightness означает, что цвет нейтрально серый, значение 100% означает, что цвет полностью светлый, а значение 0% означает, что цвет полностью тёмный. 3

Считается, что HSL лучше и реалистичнее передаёт цвета на экране. 4 С его помощью можно даже подобрать те оттенки, которые в RGB настроить довольно сложно. 4