HTML链接颜色

为HTML链接设置颜色，可以将其与常规文本有效区分开来，也可以作为您的网站的亮点特色。这里将为您展示如何使用Hex颜色代码、RGB和HSL值以及HTML颜色名称为网站HTML链接设置颜色。

链接颜色使用Hex颜色代码

首先我们使用Hex颜色代码，这可能是为链接添加颜色的最常用方法。在HTML锚标签(<a>)中，href属性之后，将色彩属性设为您的Hex颜色代码（在我们的示例中使用#FF0000）插入作为样式属性。 

HTML

<body>
  <a href="http://example.com/" style="color:#FF0000;">Red Link</a>
</body>
演示的CodePen

非常简单，对吗？如果您需要Hex颜色代码或想要浏览一些颜色组合，请查看我们的颜色选择器或颜色表。

链接颜色使用HTML颜色名称

HTML颜色名称通常比对应的Hex代码更为清晰，而且使用方式大致相同。将前述示例中的Hex颜色代码替换为HTML颜色名称，瞧，您的代码超级清晰。 

HTML

<body>
  <a href="http://example.com/" style="color:red;">Red Link</a>
</body>
演示的CodePen

目前已命名的HTML颜色只有140种，但应该已经足够您开始使用；如果您想了解，我们也已将他们全部列出，请看这里。

链接颜色使用RGB颜色值

设计网站链接的第三种方式是使用RGB值。在rgb()中加入值就可用于网页内部，与Hex代码或颜色名称一样。 

HTML

<body>
  <a href="http://example.com/" style="color:rgb(255,0,0);">Red Link</a>
</body>
演示的CodePen

使用RGB值还有一个优点，可以控制颜色的不透明度。把rgb()替换为rgba()，就可指定第四个值，范围在0和1之间（0表示完全透明，1表示完全不透明）。 

HTML

<body>
  <a href="http://example.com/" style="color:rgba(255,0,0,0.5);">Red Link</a>
</body>
演示的CodePen

链接颜色使用HSL颜色值

HSL代表色相、饱和度和亮度，是另一组颜色值，大部分现代浏览器（IE9+）都可支持。与RGB一样，您可将HSL值放在hsl()之内，并将其用于您的网页，如下所示。 

HTML

<body>
  <a href="http://example.com/" style="color:hsl(0,100%,50%);">Red Link</a>
</body>
演示的CodePen

HSL也支持α通道，与RGB格式相同；使用hsla()代替hsl()，加入第四个值，在0到1之间，表示透明度。 

HTML

<body>
  <a href="http://example.com/" style="color:hsla(0,100%,50%,0.5);">Red Link</a>
</body>
演示的CodePen