Less顏色值定義函式和顏色值通道提取函式(12)

2021-10-17 14:06:28 字數 1583 閱讀 5712

作用:通過十進位制紅色、綠色、藍色三種值(rgb)建立不透明的顏色物件。

例子:less中編寫

div

編譯結果

div

作用:通過十進位制紅色、綠色、藍色以及alpha四種值(rgba)建立帶alpha透明的顏色物件。

例子:less中編寫

div

編譯結果

div

作用:建立格式為#aarrggbb的十六進製制(hex representation)顏色,多用於濾鏡,安卓等

例子:less中編寫

div

編譯結果

div

作用:通過色相(hue)、飽和度(saturation)、亮度(lightness)三種值(hsl)建立不透明的顏色物件。

例子:less中編寫

div

編譯結果

div

作用:通過色相(hue)、飽和度(saturation)、亮度(lightness)以及透明度(alpha)四種值(hsla)建立透明的顏色物件。

作用:通過色相(hue)、飽和度(saturation)、色調(value)三種值(hsv)建立不透明的顏色物件。

例子:less中編寫

div

編譯結果

div

作用:通過色相(hue)、飽和度(saturation)、色調(value)以及透明度(alpha)四種值(hsva)建立透明的顏色物件。

作用:從hsl色彩空間中提取顏色物件的色相值

作用:從hsl色彩空間中提取顏色物件的飽和度值

作用:從hsl色彩空間中提取顏色物件的亮度值

例子:less中編寫

div

編譯結果

div

作用:從hsv色彩空間中提取顏色物件的色相值

作用:從hsv色彩空間中提取顏色物件的飽和度值

作用:從hsv色彩空間中提取顏色物件的色調值

作用:提取顏色物件的紅色值

作用:提取顏色物件的綠色值

作用:提取顏色物件的藍色值

作用:提取顏色物件的透明值

例子:less中編寫

div

編譯結果

div

作用:計算顏色物件luma的值(亮度的百分比表示法)

作用:計算沒有伽瑪校正的亮度值

例子:less中編寫

div

編譯結果

div

less13 顏色值函式

通過十進位制紅色,綠色,藍色三種值 rgb 建立不透明的顏色物件。div 通過十進位制紅色,綠色,藍色,以及 alpha 四種值 rgba 建立帶alpha透明的顏色物件。div1 建立格式為 aarrggbb 的十六進製制 hex representation 顏色 注意不是 rrggbbaa d...

顏色值 長度值

在網頁中的顏色設定是非常重要,有字型顏色 color 背景顏色 background color 邊框顏色 border 等,設定顏色的方法也有很多種 1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red...

顏色值 長度值

1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red g green b blue 三種顏色的比例來配色。p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。如 p3 十六進製制顏...