LESS - Renk Kanalı İşlevleri

Bu bölümde, LESS'teki Renk Kanalı İşlevlerinin önemini anlayacağız. LESS, bir kanal hakkında değer belirleyen birkaç yerleşik işlevi destekler. Kanal, değeri renk tanımına göre ayarlar. HSL renklerinde ton, doygunluk ve açıklık kanalı vardır ve RGB rengi kırmızı, yeşil ve mavi kanala sahiptir. Aşağıdaki tablo tüm renk kanalı işlevlerini listeler -

Sr.No. İşlev ve Açıklama Misal
1

hue

HSL renk uzayında ton kanalı, renk nesnesinden çıkarılır.

background: hue(hsl(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 75;
2

saturation

HSL renk uzayında, doygunluk kanalı renk nesnesinden çıkarılır.

background: saturation(hsl(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 90%;
3

lightness

HSL renk uzayında, açıklık kanalı renk nesnesinden çıkarılır.

background: lightness(hsl(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 30%;
4

hsvhue

HSV renk uzayında ton kanalı, renk nesnesinden çıkarılır.

background: hsvhue(hsv(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 75;
5

hsvsaturation

HSL renk uzayında, doygunluk kanalı renk nesnesinden çıkarılır.

background: hsvsaturation(hsv(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 90%;
6

hsvvalue

HSL renk uzayında, değer kanalı renk nesnesinden çıkarılır.

background: hsvvalue(hsv(75, 90%, 30%));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 30%;
7

red

Kırmızı kanal, renkli nesneden çıkarılır.

background: red(rgb(5, 15, 25));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 5;
8

green

Yeşil kanal, renk nesnesinden çıkarılır.

background: green(rgb(5, 15, 25));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 15;
9

blue

Mavi kanal, renk nesnesinden çıkarılır.

background: blue(rgb(5, 15, 25));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 25;
10

alpha

Alfa kanalı, renk nesnesinden çıkarılır.

background: alpha(rgba(5, 15, 25, 1.5));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 2;
11

luma

luma değeri bir renk nesnesinden hesaplanır.

background: luma(rgb(50, 250, 150));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 71.2513323%;
12

luminance

Luma değeri, gama düzeltmesi olmadan hesaplanır.

background: luminance(rgb(50, 250, 150));

Aşağıda gösterildiği gibi CSS'de derlenir -

background: 78.53333333%;