W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

颜色 HSL


HSL 计算器


 
rgb(255, 0, 0)
#ff0000


H:
S:
L:

HSL颜色值

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

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

HSL颜色值指定格式: hsl(huesaturationlightness)


色调

色调是一个从0到360的色轮。0是红色,120 是绿色,240是蓝色。


饱和度

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


亮度

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


尝试一下

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

Example

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

尝试一下 »