HSL в HSV

Сравните HSL с HSV

HSL означает оттенок, насыщенность и яркость. Значения цвета HSLA являются расширением HSL с альфа-каналом (непрозрачностью). В HTML цвет можно указать с помощью оттенка, насыщенности и яркости (HSL) в форме: hsl (оттенок, насыщенность, яркость). Оттенок - это градус на цветовом круге от 0 до 360.0 - красный, 120 - зеленый, 240 - синий. Насыщенность выражается в процентах, 0% - это оттенок серого, а 100% - это полный цвет. Яркость также выражается в процентах, 0% - черный, а 100% - белый. HSL - модель, описывающая значение цвета в трех координатах: оттенок, насыщенность, яркость; название происходит от аббревиатуры английских слов: оттенок, насыщенность, легкость. Основным преимуществом этой цветовой модели перед другими является то, что она более интуитивно понятна: сначала выбираются нужные цвета, а затем настраиваются, в ней проще создавать свои палитры, предварительно выбрав тон, осветлить / затемнить его, уменьшить насыщенность. Hsl имеет поддержку стандарта CSS3, при необходимости его можно легко и без потерь преобразовать в RGB.

HSV (или HSB) расшифровывается как Hue, Saturation, Value (его также можно назвать Яркостью), где: Hue - оттенок, то есть оттенок цвета. Saturation - насыщенность. Чем выше этот параметр, тем четче будет цвет, а чем ниже, тем ближе он будет к серому. Value (Яркость) - значение (яркость) цвета. Чем выше значение, тем ярче будет цвет (но не белее). И чем ниже, тем темнее (0% - черный). Эта модель чаще всего используется при простой (или непрофессиональной) обработке изображений, потому что с ее помощью удобно настраивать основные параметры фотографий, не прибегая к кучке различных фильтров или индивидуальных настроек. Например, в всеми любимом (или проклятом) фотошопе присутствуют обе модели, только одна из них находится в редакторе палитры цветов, а другая - в окне настроек оттенка / насыщенности.