最适合网络开发者的网站
HTML 颜色。初学者课程

尿素

颜色 高速链路


HSL 计算器


 
RGB(255,0,0)
#ff0000


H:
声:
左:

HSL 颜色

IE9+、Firefox、Chrome、Safari 和 Opera 10+ 支持 HSL 颜色值。

HSL 代表色调、饱和度和亮度。

HSL 颜色值指定为: hsl(hue, saturation, lightness).


色调

色调是色轮上从 0 到 360 的度数。0 为红色,120 为绿色,240 为蓝色。


饱和

饱和度是一个百分比值;0% 表示灰色,100% 表示全彩色。


亮度

亮度也是一个百分比;0% 为黑色,100% 为白色。


亲自尝试

所有主流浏览器都支持 HSL 颜色值。

例子

<style>
div {
背景颜色:hsl(180, 50%, 50%);
颜色:hsl(0, 0%, 100%);
}
</style>
亲自尝试 »