LESS - Chức năng khử màu

Sự miêu tả

LESS cung cấp một số chức năng màu hữu ích để thay đổi và điều chỉnh màu sắc theo những cách khác nhau. LESS hỗ trợ một số Chức năng Định nghĩa Màu sắc như được hiển thị trong bảng bên dưới -

Sr.No. Mô tả chức năng Thí dụ
1

rgb

Nó tạo ra màu từ các giá trị đỏ, lục và lam. Nó có các thông số sau:

  • red - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

  • green - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

  • blue - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

rgb(220,20,60)

nó chuyển đổi màu với các giá trị rgb là -

#dc143c
2

rgba

Nó xác định màu từ các giá trị đỏ, lục, lam và alpha. Nó có các thông số sau:

  • red - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

  • green - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

  • blue - Nó chứa số nguyên từ 0 - 255 hoặc phần trăm từ 0 - 100%.

  • alpha - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

rgba(220,20,60, 0.5)

nó chuyển đổi đối tượng màu với các giá trị rgba thành -

rgba(220, 20, 60, 0.5)
3

argb

Nó xác định biểu diễn hex của màu trong #AARRGGBBđịnh dạng. Nó sử dụng tham số sau:

  • color - Nó chỉ định đối tượng màu.

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

nó trả về màu argb là -

#80b0171f
4

hsl

Nó tạo ra màu sắc từ các giá trị màu sắc, độ bão hòa và độ sáng. Nó có các thông số sau:

  • hue - Nó chứa số nguyên từ 0 - 360 đại diện cho độ.

  • saturation - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • lightness - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

hsl(120,100%, 50%)

nó trả về đối tượng màu sử dụng các giá trị HSL dưới dạng:

#00ff00
5

hsla

Nó tạo ra màu từ các giá trị màu, độ bão hòa, độ sáng và alpha. Nó có các thông số sau:

  • hue - Nó chứa số nguyên từ 0 - 360 đại diện cho độ.

  • saturation - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • lightness - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • alpha - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

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

nó chỉ định đối tượng màu sử dụng các giá trị HSLA là:

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

hsv

Nó tạo ra màu sắc từ các giá trị sắc độ, độ bão hòa và giá trị. Nó chứa các thông số sau:

  • hue - Nó chứa số nguyên từ 0 - 360 đại diện cho độ.

  • saturation - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • value - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

hsv(80,90%,70%)

nó chuyển đổi đối tượng màu với các giá trị hsv là -

#7db312
7

hsva

Nó tạo ra màu sắc từ màu sắc, độ bão hòa, giá trị và giá trị alpha. Nó sử dụng các tham số sau:

  • hue - Nó chứa số nguyên từ 0 - 360 đại diện cho độ.

  • saturation - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • value - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

  • alpha - Nó chứa số từ 0 - 1 hoặc phần trăm từ 0 - 100%.

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

nó chỉ định đối tượng màu với các giá trị hsva là -

rgba(125, 179, 18, 0.6)