html有六种设置颜色的方法，分别是：颜色名称、 RGB、HEX、HSL、RGBA、HSLA 值。
1、html设置颜色名称
例如设置背景颜色：background-color:Tomato; 就是设置背景为番茄色的背景，颜色名称对照表参照：https://www.runoob.com/cssref/css-colornames.html，以下是设置颜色名称的代码示例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
</head>
<body>
<div style="margin-left: 50px;width: 400px">
<h1 style="background-color:Tomato;">番茄色</h1>
<h1 style="background-color:Orange;">橙色</h1>
<h1 style="background-color:DodgerBlue;">道奇蓝</h1>
<h1 style="background-color:MediumSeaGreen;">中海绿色</h1>
<h1 style="background-color:Gray;">灰色</h1>
<h1 style="background-color:SlateBlue;">板岩蓝</h1>
<h1 style="background-color:Violet;">紫色</h1>
<h1 style="background-color:LightGray;">浅灰</h1>
</div>
</body>
</html>2、html设置RGB，rgba颜色值
rgb(255, 255, 255)。这是属于RGB颜色设置，根据的原理是三色值，取值范围是0-255。html对RGB颜色做了扩展，RGBA颜色设置，这个需要设置四个值，前三个值和RGB一样，第四个值设置的是不透明度。具体示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
</head>
<body>
<div style="margin-left: 50px;width: 400px">
<h1 style="background-color:rgb(0, 0, 0);">rgb(0, 0, 0)</h1>
<h1 style="background-color:rgb(240, 240, 60);">rgb(240, 240, 60)</h1>
<h1 style="background-color:rgb(255, 255, 255);">rgb(255, 255, 255)</h1>
<h1 style="background-color:rgb(240, 56, 189);">rgb(240, 56, 189)</h1>
<h1 style="background-color:rgba(240, 56, 189, 30%);">rgba(240, 56, 189,30%)</h1>
</div>
</body>
</html>3、html设置HEX颜色值
background-color:#ff0000; 这种就是设置背景颜色数值为#ff0000，
4、html设置hsl颜色值
background-color:hsl(0, 100%, 50%); 第一个值是色相，0 是红色，120 是绿色，240 是蓝色。第二个值是饱和度是一个百分比值，0％ 表示灰色阴影，而 100％ 是全色。第三个值是亮度也是百分比，0％ 是黑色，50％ 是既不明也不暗，100％是白色。
5、html设置hsla颜色值
background-color:hsla(0, 100%, 50%,0.5); 前三个值和hsl的一致，第四个值表示的是透明度，是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字，还可以写成百分比，例如：50%。
3、4、5的代码参考如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
</head>
<body>
<div style="margin-left: 50px;width: 400px">
<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1>
<h1 style="background-color:hsl(240, 100%, 50%);">hsl(240, 100%, 50%)</h1>
<h1 style="background-color:hsl(147, 50%, 47%);">hsl(147, 50%, 47%)</h1>
<h1 style="background-color:hsl(248, 53%, 58%);">hsl(248, 53%, 58%)</h1>
<h1 style="background-color:hsla(248, 53%, 58%,0.5);">hsla(248, 53%, 58%, 0.5)</h1>
</div>
</body>
</html>所有的颜色对照表可以参考：https://www.runoob.com/cssref/css-colors.html
正文完