颜色 HSL

• 

  HSL 计算器

   

  rgb(255, 0, 0)

  #ff0000

  ---

  H:

  S:

  L:

  ---

  在我们的拾色器中使用此颜色
• 

  HSL 示例

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

  HSL 代表色相，饱和度和亮度。

  HSL 颜色值指定为：hsl（色相，饱和度，亮度）。

  HSL 说明

  色相(H)是色轮上从0到360的度。0是红色，120是绿色，240是蓝色。

  饱和度(S)是一个百分比值； 0％表示灰色阴影，100％是全色。色调是色轮上从0到360的度。0是红色，120是绿色，240是蓝色。

  亮度(L)也是一个百分比； 0％是黑色，100％是白色。

  下面代码演示了HSL的使用：

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

  尝试一下