这篇文章，是我自己在修改颜色的过程的内容。也是我再次回顾内容。 那是怎么制作的呢？
首先，我们先建立一个html页面，所要有的东西：
<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
<body>
<div class="right" style="width:50%; float:right;">
<div class="left" style="width:50%;float:left;">
</body>
</html>
head里面你要填好所连接的 css，以便显示相应的格式。 如：
<link rel="stylesheet" href="style.css">
若是看不懂？
可以先打开此可以先打开此链接，再点击右键，点击查看这个按钮，即可对应你要修改的内容。
你会发现，里面出现的带有颜色的小框框，是用 span 来表示，你需要多少个 span 就在 对应的div里面添加多少个，class是对应在CSS里面的排版所需的标志（当然，你也可以自行修改，只要css里面有对应的名字。
怎么调整色相？
如果你懂得十六进制对应的RGB，那就会很快得到对应的颜色值。 要是不懂也没关系，我们可以打开该链接, 有对应的RGB、十六进制颜色值。 或打开encycolorpedia，点击对话框，选取你想要的颜色，即可出现对应的十六进制。
也可以使用，ShareX 工具中的 屏幕拾取色，把鼠标放在你想要拾取的颜色的地方，就可以知道对应的RGB。
怎么调整饱和度？
就是在rgb括号前加上a,括号后面三个数值的基础上再加上分数，因为我有12个小框框，所以要1除以12分，可以得到对应的数值，然后一个接着一个加上这个数值。
怎么调整亮度？
将rgb换成hsl，H就是色相，s是饱和度，L是明度， 色相是个数值， 饱和度和明度是0-100%的值， 你可以在我的网页上看到s的度数基本不变。 L是1除以11，因为最后1个数值是0%，不算进去，直接从第一个数开始，53.3*0.09为第二个，第二个接着乘以上一个数值，以此类推，就得到颜色的明亮度的变化。
怎么调整渐变色？
在页面中，右边字体有一个背景框颜色是渐变的。 是因为在这个框框对应的css中将background中输入 linear-gradient（#195594,#EDF6FD）
附上链接：css3渐变 里面也有css3的相关内容，自己可以在里面学习呦，谢谢你的观看！！！
- Ps: 这是我自己在制作过程中的一些小步骤，若是看的不太懂，敬请原谅。~
>.<~