最新的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>

试一试»