html中表示颜色的方式有6位16进制代码及rgb或关键字

在HTML中表示颜色的方式有三种，分别为6位16进制代码、RGB值以及预定义的颜色关键字。

1. 6位16进制代码

6位16进制代码是一种以#开头，后跟6位16进制数的表示颜色的方式。每两位16进制数表示颜色的R、G和B三原色分量，取值范围为00（0）至FF（255）。

示例1：表示红色（#FF0000）

<div style="background-color: #FF0000"></div>

示例2：表示亮橙色（#FFA500）

<div style="background-color: #FFA500"></div>

2. RGB

RGB指的是红、绿、蓝三原色，采用三个数字表示颜色的亮度和颜色深浅。其中每个数字的取值范围为0至255。

示例1：表示深红色（RGB(139,0,0)）

<div style="background-color: RGB(139,0,0)"></div>

示例2：表示鲜黄色（RGB(255,255,0)）

<div style="background-color: RGB(255,255,0)"></div>

3. 预定义的颜色关键字

在HTML中提供了一系列高频使用的颜色预定义关键字，使用方式为input元素的属性，如下所示：

预定义关键字	颜色
black	黑色
white	白色
red	红色
green	绿色
blue	蓝色
yellow	黄色
pink	粉色
purple	紫色
grey	灰色

示例1：表示背景颜色为绿色

<div style="background-color: green"></div>

示例2：表示背景颜色为紫色

<div style="background-color: purple"></div>