CSS的顏色用HSL可以做到

2021-08-30 11:36:17 字數 637 閱讀 6143

css 中的顏色可以由rgb色彩空間和hsl色彩空間兩種方式來表述。其中我們常用的是rgb色彩空間,rgb色彩空間的顏色表示方式有:十六進製制顏色(如紅色:#ff0000)、rgb顏色(如紅色:rgb(255,0,0)),rgba顏色(如半透明的紅色rgba(255,0,0,0.5)),此外常見的顏色可以直接寫顏色名(如紅色:red)。hsl色彩,是一種工業界的色彩標準,因為它能涵蓋到人類視覺所能感知的所有顏色,所以在工業界廣泛應用。因為我們不常用hsl色彩空間,可能大家對hsl色彩空間比

較陌生,下面我們來詳細看一下hsl色彩。

hsl色彩空間中,h(hue):代表色調,s(saturation):代表飽和度,l(lightness):代表亮度,(a(alpha):代表不透明度)。

h是色度,取值在0度~360度之間,0度是紅色,120度是綠色,240度是藍色。360度也是紅色。

s是飽和度,是色彩的純度,是乙個百分比的值,取值在0%~100%,0%飽和度最低,100%飽和度最高

l是亮度,也是乙個百分比值,取值在0%~100%,0%最暗,100%最亮。

a是不透明度,取值在0.0~1.0,0.0完全透明,1.0完全不透明。

關於HSL和HSV顏色空間的詳細論述

目前在計算機視覺領域存在著較多型別的顏色空間 color space hsl和hsv是兩種最常見的圓柱座標表示的顏色模型,它重新影 rgb模型,從而能夠視覺上比rgb模型更具有視覺直觀性。hsl代表色調 hue 飽和度 saturation 和亮度 lightness 通常也稱為hls。hsv代表色...

CSS顏色的表示

這個比較簡單,通過查手冊就可以,但是不推薦,因為不靈活。rgb值是三個值,三個值分別表示red,green,blue三個顏色的亮度,三個值的範圍都是0 255。例如 rgb 255,255,255 例如 rgb 100 100 100 這種表示會通過計算,然後轉換成對應的數值rgb值 6位16進製制...

CSS 中的顏色

十六進製制表示法 十六進製制色 rgb 顏色 rgba 顏色 hsl 顏色 hsla 顏色 rgb分別是red green blue三種顏色的縮寫,它們也是三原色,理論上可以調配成任意顏色。rgb red,green,blue 每個引數 red green 以及 blue 定義顏色的強度,可以是介於...