在网页制作中我们该如何使用 JavaScript 生成随机背景颜色呢，今天就和深圳尼高网络小编一起来学习一下，我们还将学习如何使用 HSL 颜色值修改代码以仅生成柔和的颜色或深色。

HTML
对于我们页面的内容，我们将创建一个带有 id 的元素background并在其中放置一些文本。

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><main id="背景"> </font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  <h1></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    使用 JavaScript 生成随机背景颜色</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  </h1></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
</main></font></font>

CSS
我们将使用 CSS 来控制background-color过渡，使变化看起来更平滑。

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">主要的 {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  过渡：背景 1s；</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
}</font></font>

JavaScript
我们将通过结合这两种方法在 JavaScript 中生成随机颜色：HSL 颜色符号，以及该Math库。色调值最大为 360，表示色轮上颜色位置的程度。饱和度和亮度值的最大值为 100，分别表示颜色的饱和度和亮度百分比。