MNIEJ - Funkcje definiowania kolorów

Opis

LESS zapewnia szereg przydatnych funkcji do zmiany kolorów i manipulowania nimi na różne sposoby. LESS obsługuje niektóre funkcje definicji kolorów, jak pokazano w poniższej tabeli -

Sr.No. Opis funkcji Przykład
1

rgb

Tworzy kolor z wartości czerwonego, zielonego i niebieskiego. Posiada następujące parametry -

  • red - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

  • green - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

  • blue - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

rgb(220,20,60)

konwertuje kolor z wartościami rgb jako -

#dc143c
2

rgba

Określa kolor na podstawie wartości czerwonego, zielonego, niebieskiego i alfa. Ma następujące parametry -

  • red - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

  • green - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

  • blue - Zawiera liczbę całkowitą od 0 do 255 lub procent od 0 do 100%.

  • alpha - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

rgba(220,20,60, 0.5)

konwertuje obiekt koloru z wartościami rgba jako -

rgba(220, 20, 60, 0.5)
3

argb

Definiuje szesnastkową reprezentację koloru w #AARRGGBBformat. Używa następującego parametru -

  • color - Określa kolor obiektu.

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

zwraca kolor argb jako -

#80b0171f
4

hsl

Generuje kolor na podstawie wartości odcienia, nasycenia i jasności. Posiada następujące parametry -

  • hue - Zawiera liczbę całkowitą od 0 do 360, która reprezentuje stopnie.

  • saturation - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • lightness - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

hsl(120,100%, 50%)

zwraca obiekt koloru używając wartości HSL jako -

#00ff00
5

hsla

Generuje kolor na podstawie odcienia, nasycenia, jasności i wartości alfa. Ma następujące parametry -

  • hue - Zawiera liczbę całkowitą od 0 do 360, która reprezentuje stopnie.

  • saturation - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • lightness - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • alpha - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

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

określa obiekt koloru przy użyciu wartości HSLA jako -

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

hsv

Tworzy kolor z wartości odcienia, nasycenia i wartości. Zawiera następujące parametry -

  • hue - Zawiera liczbę całkowitą od 0 do 360, która reprezentuje stopnie.

  • saturation - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • value - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

hsv(80,90%,70%)

konwertuje obiekt koloru z wartościami HSV jako -

#7db312
7

hsva

Tworzy kolor na podstawie odcienia, nasycenia, wartości i wartości alfa. Wykorzystuje następujące parametry -

  • hue - Zawiera liczbę całkowitą od 0 do 360, która reprezentuje stopnie.

  • saturation - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • value - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

  • alpha - Zawiera liczbę od 0 do 1 lub procent od 0 do 100%.

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

określa kolor obiektu z wartościami hsva jako -

rgba(125, 179, 18, 0.6)