1、图为黑色、红色和紫色的HTML颜色代码表：
2、图为碧色、蓝色、绿色HTML颜色代码表：
3、图为绿色、黄色、橙色HTML颜色代码表：
4、图为深红色、棕色、深紫色HTML颜色代码表：
相关内容：
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
背景颜色的设置一般通过background来实现。html标签有三种方式内嵌，外联，行内。这里说一下行内的方式。举个例子:<div style="background: pinkwidth:100pxheight:100px"></div>这样您就会得到一个宽高都是100像素的粉色div元素。html元素默认是没有高度的，需要注意以下。单纯的背景色的话background也可以写作background-color。background是属性连写，也可以设置背景图，还可以做一些其他设置。颜色的值可以是固定的英文名称，比如pink，red。也可以是十六进制，比如#666666。也可以是RGB，也可以是rgba，后者比前者多了个透明度，很实用。首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>
由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。
在head标签之间输入样式标签<style></style>,然后定义一些属性，例如
<style type="text/css">
body {background-color: yellow} 定义网页背景色为黄色；
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；
h2 {background-color: transparent} 定义h2标签背景色为透明；
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；
p.no2 {background-color: graypadding: 20px} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；
</style>
然后点击body标签后面输入正文标签内容，例如
<h1>这是KING</h1>
<h2>这是KING</h2>
<p>这是KING</p>
<p class="no2">这个KING设置20内边距。</p>
点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。
我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。
还可以选择用html设置，如下：
颜色自己调，可以用取色器查看颜色，例如background-color:#789999如果需要加边框可以用border属性
