МЕНЬШЕ - функции определения цвета

Описание

LESS предоставляет ряд полезных цветовых функций для изменения цветов и управления ими разными способами. LESS поддерживает некоторые функции определения цвета, как показано в таблице ниже -

Sr. No. Описание функции пример
1

rgb

Он создает цвет из значений красного, зеленого и синего цветов. Он имеет следующие параметры -

  • red - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

  • green - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

  • blue - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

rgb(220,20,60)

он преобразует цвет со значениями rgb как -

#dc143c
2

rgba

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

  • red - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

  • green - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

  • blue - Он содержит целое число от 0 до 255 или процентное значение от 0 до 100%.

  • alpha - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

rgba(220,20,60, 0.5)

он преобразует цветной объект со значениями rgba как -

rgba(220, 20, 60, 0.5)
3

argb

Он определяет шестнадцатеричное представление цвета в #AARRGGBBформат. Он использует следующий параметр -

  • color - Указывает цвет объекта.

argb(rgba(176,23,31,0.5))

он возвращает цвет argb как -

#80b0171f
4

hsl

Он генерирует цвет из значений оттенка, насыщенности и яркости. Он имеет следующие параметры -

  • hue - Он содержит целое число от 0 до 360, которое представляет градусы.

  • saturation - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • lightness - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

hsl(120,100%, 50%)

он возвращает объект цвета, используя значения HSL как -

#00ff00
5

hsla

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

  • hue - Он содержит целое число от 0 до 360, которое представляет градусы.

  • saturation - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • lightness - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • alpha - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

hsla(0,100%,50%,0.5)

он определяет объект цвета, используя значения HSLA как -

rgba(255, 0, 0, 0.5);
6

hsv

Он производит цвет из значений оттенка, насыщенности и значений. Он содержит следующие параметры -

  • hue - Он содержит целое число от 0 до 360, которое представляет градусы.

  • saturation - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • value - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

hsv(80,90%,70%)

он преобразует цветной объект со значениями hsv как -

#7db312
7

hsva

Он производит цвет из значений оттенка, насыщенности, значения и альфа. Он использует следующие параметры -

  • hue - Он содержит целое число от 0 до 360, которое представляет градусы.

  • saturation - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • value - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

  • alpha - Он содержит число от 0 до 1 или процентное значение от 0 до 100%.

hsva(80,90%,70%,0.6)

он определяет объект цвета со значениями hsva как -

rgba(125, 179, 18, 0.6)