LESS - Renk Tanımlama İşlevleri

Açıklama

LESS, renkleri farklı şekillerde değiştirmek ve işlemek için bir dizi yararlı renk işlevi sağlar. LESS, aşağıdaki tabloda gösterilen bazı Renk Tanımı İşlevlerini destekler -

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

rgb

Kırmızı, yeşil ve mavi değerlerden renk oluşturur. Aşağıdaki parametrelere sahiptir -

  • red - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

  • green - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

  • blue - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

rgb(220,20,60)

rengi rgb değerleriyle şu şekilde dönüştürür -

#dc143c
2

rgba

Kırmızı, yeşil, mavi ve alfa değerlerinden rengi belirler. Aşağıdaki parametrelere sahiptir -

  • red - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

  • green - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

  • blue - 0 - 255 arası tamsayı veya% 0 - 100 arası yüzde içerir.

  • alpha - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

rgba(220,20,60, 0.5)

rgba değerlerine sahip renk nesnesini şu şekilde dönüştürür -

rgba(220, 20, 60, 0.5)
3

argb

Rengin onaltılık gösterimini tanımlar. #AARRGGBBbiçim. Aşağıdaki parametreyi kullanır -

  • color - Renk nesnesini belirtir.

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

argb rengini -

#80b0171f
4

hsl

Renk tonu, doygunluk ve açıklık değerlerinden oluşturur. Aşağıdaki parametrelere sahiptir -

  • hue - Dereceleri temsil eden 0 - 360 arasında tam sayı içerir.

  • saturation - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • lightness - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

hsl(120,100%, 50%)

HSL değerlerini şu şekilde kullanarak renk nesnesini döndürür -

#00ff00
5

hsla

Renk tonu, doygunluk, açıklık ve alfa değerlerinden oluşturur. Aşağıdaki parametrelere sahiptir -

  • hue - Dereceleri temsil eden 0 - 360 arasında tam sayı içerir.

  • saturation - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • lightness - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • alpha - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

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

HSLA değerlerini şu şekilde kullanarak renk nesnesini belirtir -

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

hsv

Rengi ton, doygunluk ve değer değerlerinden üretir. Aşağıdaki parametreleri içerir -

  • hue - Dereceleri temsil eden 0 - 360 arasında tam sayı içerir.

  • saturation - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • value - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

hsv(80,90%,70%)

renk nesnesini hsv değerlerine dönüştürür -

#7db312
7

hsva

Rengi ton, doygunluk, değer ve alfa değerlerinden üretir. Aşağıdaki parametreleri kullanır -

  • hue - Dereceleri temsil eden 0 - 360 arasında tam sayı içerir.

  • saturation - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • value - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

  • alpha - 0 - 1 arası sayı veya% 0 - 100 arası yüzde içerir.

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

hsva değerlerine sahip renk nesnesini -

rgba(125, 179, 18, 0.6)