น้อย - ฟังก์ชั่นการกำหนดสี

คำอธิบาย

LESS มีฟังก์ชันสีที่มีประโยชน์มากมายในการปรับเปลี่ยนและปรับแต่งสีในรูปแบบต่างๆ LESS รองรับฟังก์ชั่นนิยามสีบางอย่างดังแสดงในตารางด้านล่าง -

ซีเนียร์ ฟังก์ชั่นและคำอธิบาย ตัวอย่าง
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)