Описание тега hsl

Описание тега Вопросы с тегом
HSV - это цилиндрическая цветовая модель, которая определяет цвета по оттенку (0°-360°), насыщенности (интенсивности цвета) и яркости (от черного к белому).

Модель HSL описывает цвета с точки зрения оттенка, насыщенности и яркости (также называемой яркостью). (Примечание: определение насыщенности в HSL существенно отличается от HSV) Модель имеет два важных свойства:

  • Переход от черного к оттенку к белому симметричен и контролируется исключительно увеличением яркости

    • Затенение и тонирование регулируются одним значением - яркостью.

  • Уменьшение насыщенности переходит к оттенку серого в зависимости от яркости, таким образом сохраняя общую интенсивность относительно постоянной.

    • Тональность регулируется одним значением - насыщенностью.

Упомянутые выше свойства привели к широкому использованию HSL, в частности, в цветовой модели CSS3. Как и в случае с HSV, оттенок напрямую соответствует концепции оттенка в разделе Основы цвета. Преимущества использования оттенка:

  • Связь между тонами вокруг цветового круга легко определяется
  • Оттенки, оттенки и тона можно легко создавать, не влияя на оттенок

http://xahlee.info/js/i/HSL_color_model.png

Светлота сочетает в себе концепции затенения и тонирования из раздела Основы цвета. Предполагая полную насыщенность, яркость нейтральна при среднем значении, например 50%, а оттенок отображается без изменений. Когда яркость уменьшается ниже средней точки, возникает эффект затемнения. Нулевая светлота дает черный цвет. Когда яркость увеличивается более чем на 50%, возникает эффект тонирования, а полная яркость дает белый цвет.

При нулевой насыщенности яркость контролирует итоговый оттенок серого. Нулевое значение по-прежнему дает черный цвет, а полная яркость - белый. Значение средней точки дает "средний" оттенок серого со значением RGB, равным(128,128,128).

По мере уменьшения насыщенности создаются тона эталонного оттенка, которые сходятся в оттенке серого, определяемом яркостью. Благодаря этому общая интенсивность остается относительно постоянной.

Обратите внимание, что физическая природа аддитивного цвета не позволяет схеме работать точно, за исключением оттенков, находящихся на полпути между основным и дополнительным оттенками. Однако общая интенсивность тонов, возникающая в результате уменьшения насыщенности, намного ближе, чем только тонирование, как в HSV.