CSS hsla() function

Mga Halimbawa

Tukuyin ang iba't ibang HSL kulay na may walang kapangyarihan:

#p1 {background-color:hsla(120,100%,50%,0.3);} /* Berde */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* Mapula na berde */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* Malalim na berde */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* Mahimbing berde */

Subukan Nang Personal

Paglalarawan at Paggamit

Ang hsla() function ay gumagamit ng Hue-saturation-lightness-alpha modelo (HSLA) upang tukuyin ang kulay.

Ang HSLA kulay na halaga ay isang pagpapalawak ng HSL kulay na halaga, na may Alpha channel - ang channel na ito ay nagtatala ng walang kapangyarihan ng kulay.

Bersyon: CSS3

Browser Support

Ang mga numero sa talahanayan ay nagtatala ng unang bersyon ng browser na ganap na sumusuporta sa function na ito.

函数
hsla() 1.0 9.0 3.0 3.1 10.0

CSS 语法

hsla(kulay, kadalasang kulay, liwanag, alpha)
halaga paglalarawan
kulay Tukuyin ang antas ng kulay sa liklik ng kulay (mula 0 hanggang 360) - 0 (o 360) ay pula, 120 ay berde, at 240 ay asul.
kadalasang kulay Tukuyin ang kadalasang kulay - 0% ay puti, at 100% ay buong kulay (tutupang kadalasang kulay).
liwanag 定义亮度 - 0％ 是黑色、50％ 为正常、100％ 是白色。
alpha 定义不透明度，介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。