hsl — Hue, Saturation, Lightness — Тон, Насыщенность, Осветлённость (не знаю, как лучше перевести, светлость может).
Hue — числовое значение от 0 до 360. То есть это градусы по кругу цветовому. Можно даже указать единицу измерения deg
(degree
). Угол по кругу, поэтому можно и больше и меньше указывать, и 360 в принципе равен 0, а 560 равно 200. Очень простое и интуитивно-понятное значение. Тон — это и есть цвет. 0 — красный, 120 — зелёный, 240 — синий (и 360 — снова красный). В промежутках лежат промежуточные цвета: 60 — жёлтый (между красным и зелёным), 180 — голубой, 300 — пурпурный (или вернее magenta?). Легко понять, что оранжевый — это 30.
Saturation — насыщенность выбранного в процентах. Тут проще крайние точки взять для объяснения: 100% — это самый насыщенный вариант, то есть это и есть чистый цвет; 0% — отсутствие цвета, то есть обесцвеченность, то, что будет вместо этого цвета на чёрно-белой фотке. Уменьшение этого параметра равно