免費(fèi)AI編程助手
Less 顏色通道函數(shù)
2019-05-13 15:11 更新
Less支持少數(shù)內(nèi)置函數(shù)，用于設(shè)置通道的值。 通道根據(jù)顏色定義設(shè)置值。 HSL顏色具有色相，飽和度和亮度通道，RGB顏色具有紅色，綠色和藍(lán)色通道。 以下是顏色通道功能的列表:
| S.N. | 函數(shù)及描述 | 例子 |
|---|---|---|
| 1 | hue 在HSL顏色空間中，提取顏色對(duì)象的色調(diào)通道。 |
background: hue(hsl(75, 90%, 30%));它在CSS中編譯如下所示: background: 75; |
| 2 | saturation 在HSL顏色空間中，提取彩色對(duì)象的飽和通道。 |
background: saturation(hsl(75, 90%, 30%));它在CSS中編譯如下所示: background: 90%; |
| 3 | lightness 在HSL顏色空間中，從顏色對(duì)象提取亮度通道。 |
background: lightness(hsl(75, 90%, 30%));它在CSS中編譯如下所示: background: 30%; |
| 4 | hsvhue 在HSV色彩空間中，提取色彩對(duì)象的色調(diào)通道。 |
background: hsvhue(hsv(75, 90%, 30%)); 它在CSS中編譯如下所示:
background: 75; |
| 5 | hsvsaturation 在HSL顏色空間中，提取彩色對(duì)象的飽和通道。 |
background: hsvsaturation(hsv(75, 90%, 30%));它在CSS中編譯如下所示: background: 90%; |
| 6 | hsvvalue 在HSL顏色空間中，提取顏色對(duì)象的值通道。 |
background: hsvvalue(hsv(75, 90%, 30%));它在CSS中編譯如下所示: background: 30%; |
| 7 | red 提取彩色對(duì)象的紅色通道。 |
background: red(rgb(5, 15, 25));它在CSS中編譯如下所示: background: 5; |
| 8 | green 提取彩色對(duì)象的綠色通道。 |
background: green(rgb(5, 15, 25));它在CSS中編譯如下所示: background: 15; |
| 9 | blue 提取彩色對(duì)象的藍(lán)色通道。 |
background: blue(rgb(5, 15, 25));它在CSS中編譯如下所示: background: 25; |
| 10 | alpha 提取顏色對(duì)象的alpha通道。 |
background: alpha(rgba(5, 15, 25, 1.5));它在CSS中編譯如下所示: background: 2; |
| 11 | luma 計(jì)算顏色對(duì)象的亮度值。 |
background: luma(rgb(50, 250, 150));它在CSS中編譯如下所示: background: 71.2513323%; |
| 12 | luminance 在沒(méi)有伽馬校正的情況下計(jì)算亮度值。 |
background: luminance(rgb(50, 250, 150));它在CSS中編譯如下所示: background: 78.53333333%; |
以上內(nèi)容是否對(duì)您有幫助：
更多建議：