颜色对于为您的网站提供良好的外观和感觉非常重要。
十六进制代码（十六进制颜色表示）
十六进制是颜色的 6 位表示。前两位（RR）代表红色值，接下来两位是绿色值（GG），最后一位是蓝色值（BB）。
可以从任何图形中获取十六进制值Adobe Photoshop 等软件。每个十六进制代码前面都会有一个井号或井号 #。以下是使用十六进制表示法的几种颜色的列表。以下是十六进制颜色的一些示例 -
让我们看一个在 HTML 中实现十六进制样式来表示颜色的示例 -
立即学习“前端免费学习笔记（深入）”；
示例
直播演示
Result
| Id | Name | Percentage | Rank |
|---|---|---|---|
| 009 | Tom | 98 | 1 |
| 011 | Kieron | 97 | 2 |
| 039 | Gayle | 95 | 3 |
| 017 | Shaun | 92 | 4 |
| 009 | Kane | 91 | 5 |
| 025 | Steve | 87 | 6 |
| 013 | Jack | 85 | 7 |
| 023 | Tim | 84 | 8 |
输出
RGB 颜色值
RGB 颜色值是使用 rgb( ) 属性指定的。该属性采用三个值，红色、绿色和蓝色各一个。该值可以是 0 到 255 之间的整数或百分比。
以下是用 RGB 表示的一些颜色 -
HSL 颜色值
使用 HTML，您还可以设置 HUE，即“H”代表色调，“S”代表饱和度， “L”代表亮度。
让我们看一个在 HTML 中实现 HSL 样式来表示颜色的示例 -
示例
实时演示
Result
| Id | Name | Percentage | Rank |
|---|---|---|---|
| 009 | Tom | 98 | 1 |
| 011 | Kieron | 97 | 2 |
| 039 | Gayle | 95 | 3 |
| 017 | Shaun | 92 | 4 |
| 009 | Kane | 91 | 5 |
| 025 | Steve | 87 | 6 |
| 013 | Jack | 85 | 7 |
| 023 | Tim | 84 | 8 |
这将产生以下输出 -
