最新的Web開發教程
 

Colors HSL


HSL計算器


RGB(255,0,0)
#FF0000


H:
小號:
L:

HSL顏色

HSL顏色值都在IE9 +,火狐,Chrome,Safari和Opera中10+的支持。

HSL代表色調,飽和度和亮度。

:HSL顏色值與指定的hsl( hue , saturation , lightness )


色調

色調是色輪度為0到360 0為紅色,120是綠色,240是藍色的。


飽和

飽和是百分比值; 0%意味著灰色的陰影和100%是全彩。


亮度

明度也是百分比; 0%是黑色,100%是白色的。


試一試

HSL顏色值在所有主流瀏覽器的支持。

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

試一試»