顏色對(duì)于為您的網(wǎng)站提供良好的外觀和感覺(jué)非常重要。
十六進(jìn)制代碼（十六進(jìn)制顏色表示）
十六進(jìn)制是顏色的 6 位表示。前兩位（RR）代表紅色值，接下來(lái)兩位是綠色值（GG），最后一位是藍(lán)色值（BB）。
可以從任何圖形中獲取十六進(jìn)制值A(chǔ)dobe Photoshop 等軟件。每個(gè)十六進(jìn)制代碼前面都會(huì)有一個(gè)井號(hào)或井號(hào) #。以下是使用十六進(jìn)制表示法的幾種顏色的列表。以下是十六進(jìn)制顏色的一些示例 –
讓我們看一個(gè)在 HTML 中實(shí)現(xiàn)十六進(jìn)制樣式來(lái)表示顏色的示例 –
示例
?直播演示
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid black;
}
</style>
</head>
<body>
<h2>Result</h2>
<table>
<colgroup>
<col span = "3" style = "background-color:#00FF00;">
<col style = "background-color:#00FFFF;">
</colgroup>
<tr>
<th>Id</th>
<th>Name</th>
<th>Percentage</th>
<th>Rank</th>
</tr>
<tr>
<td>009</td>
<td>Tom</td>
<td>98</td>
<td>1</td>
</tr>
<tr>
<td>011</td>
<td>Kieron</td>
<td>97</td>
<td>2</td>
</tr>
<tr>
<td>039</td>
<td>Gayle</td>
<td>95</td>
<td>3</td>
</tr>
<tr>
<td>017</td>
<td>Shaun</td>
<td>92</td>
<td>4</td>
</tr>
<tr>
<td>009</td>
<td>Kane</td>
<td>91</td>
<td>5</td>
</tr>
<tr>
<td>025</td>
<td>Steve</td>
<td>87</td>
<td>6</td>
</tr>
<tr>
<td>013</td>
<td>Jack</td>
<td>85</td>
<td>7</td>
</tr>
<tr>
<td>023</td>
<td>Tim</td>
<td>84</td>
<td>8</td>
</tr>
</table>
</body>
</html>
登錄后復(fù)制
輸出
RGB 顏色值
RGB 顏色值是使用 rgb( ) 屬性指定的。該屬性采用三個(gè)值，紅色、綠色和藍(lán)色各一個(gè)。該值可以是 0 到 255 之間的整數(shù)或百分比。
以下是用 RGB 表示的一些顏色 –
HSL 顏色值
使用 HTML，您還可以設(shè)置 HUE，即“H”代表色調(diào)，“S”代表飽和度， “L”代表亮度。
讓我們看一個(gè)在 HTML 中實(shí)現(xiàn) HSL 樣式來(lái)表示顏色的示例 –
示例
?實(shí)時(shí)演示
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid black;
}
</style>
</head>
<body>
<h2>Result</h2>
<table>
<colgroup>
<col span = "3" style = "background-color: hsl(300, 75%, 85%); ">
<col style = "background-color: hsl(200, 30%, 40%);">
</colgroup>
<tr>
<th>Id</th>
<th>Name</th>
<th>Percentage</th>
<th>Rank</th>
</tr>
<tr>
<td>009</td>
<td>Tom</td>
<td>98</td>
<td>1</td>
</tr>
<tr>
<td>011</td>
<td>Kieron</td>
<td>97</td>
<td>2</td>
</tr>
<tr>
<td>039</td>
<td>Gayle</td>
<td>95</td>
<td>3</td>
</tr>
<tr>
<td>017</td>
<td>Shaun</td>
<td>92</td>
<td>4</td>
</tr>
<tr>
<td>009</td>
<td>Kane</td>
<td>91</td>
<td>5</td>
</tr>
<tr>
<td>025</td>
<td>Steve</td>
<td>87</td>
<td>6</td>
</tr>
<tr>
<td>013</td>
<td>Jack</td>
<td>85</td>
<td>7</td>
</tr>
<tr>
<td>023</td>
<td>Tim</td>
<td>84</td>
<td>8</td>
</tr>
</table>
</body>
</html>
登錄后復(fù)制
這將產(chǎn)生以下輸出 –
以上就是HTML顏色樣式的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
