首页 前端知识 编程笔记 html5&css&js 018 HTML颜色

编程笔记 html5&css&js 018 HTML颜色

2024-05-12 17:05:17 前端知识 前端哥 260 826 我要收藏

编程笔记 html5&css&js 018 HTML颜色

  • 一、HTML 颜色
  • 二、HTML中设置颜色值
  • 三、颜色名称和颜色值

颜色是视觉中重要因素,尤其是处理人机界面中,更是要处理颜色设置和搭配。在网页中,提供了设置颜色的一些方案,需要我们认真学习和掌握。

一、HTML 颜色

HTML 颜色由红色、绿色、蓝色混合而成。
颜色值:
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

二、HTML中设置颜色值

  1. 使用常用的颜色名称:例如red(红色)、blue(蓝色)、green(绿色)等。
<p style="color: red;">红色文字</p>
  1. 使用RGB(红绿蓝)颜色值:通过指定红色、绿色和蓝色的亮度来定义颜色。每个颜色的亮度值范围是0-255。
<p style="color: rgb(255, 0, 0);">红色文字</p>
  1. 使用十六进制颜色值:通过指定红色、绿色和蓝色的十六进制值来定义颜色。每个颜色的十六进制值范围是00-FF。
<p style="color: #FF0000;">红色文字</p>
  1. 使用HSL(色调、饱和度、亮度)颜色值:通过指定颜色的色调、饱和度和亮度来定义颜色。色调的值范围是0-360,饱和度和亮度的值范围是0-100。
<p style="color: hsl(0, 100%, 50%);">红色文字</p>

注意:以上颜色值的设置方式可以在HTML的内联样式中使用,也可以在CSS样式表中使用。

三、颜色名称和颜色值

有关颜色名、颜色值等内容,网上有很全面的参考内容。自己找。另外编程工具也都提供了快捷输入的一些方式,也有助于对颜色的了解。把下面的代码执行一下,可以用来查看已经具名的颜色。

<!DOCTYPE html>
<html>

<head>
    <title>编程笔记 html5&css&js 018 HTML颜色</title>
    <meta charset="utf-8">
    <style>
        body {
            background: color black;
        }
    </style>
</head>
<h1>HTML颜色</h1>

<h2>目前所有浏览器都支持以下颜色名。</h2>
<p>141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。</p>
<hr>
<h2>按颜色名排序</h2>

<table class="reference notranslate">
    <tr>
        <th align="left" width="25%">颜色名</th>
        <th align="left" width="20%">HEX</th>
        <th align="left" width="50%">Color</th>
    </tr>
    <tr>
        <td align="left"> AliceBlue</a>&nbsp;</td>
        <td align="left"> #F0F8FF</a></td>
        <td bgcolor="#F0F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> AntiqueWhite</a>&nbsp;</td>
        <td align="left"> #FAEBD7</a></td>
        <td bgcolor="#FAEBD7">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Aqua</a>&nbsp;</td>
        <td align="left"> #00FFFF</a></td>
        <td bgcolor="#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Aquamarine</a>&nbsp;</td>
        <td align="left"> #7FFFD4</a></td>
        <td bgcolor="#7FFFD4">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Azure</a>&nbsp;</td>
        <td align="left"> #F0FFFF</a></td>
        <td bgcolor="#F0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Beige</a>&nbsp;</td>
        <td align="left"> #F5F5DC</a></td>
        <td bgcolor="#F5F5DC">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Bisque</a>&nbsp;</td>
        <td align="left"> #FFE4C4</a></td>
        <td bgcolor="#FFE4C4">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Black</a>&nbsp;</td>
        <td align="left"> #000000</a></td>
        <td bgcolor="#000000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> BlanchedAlmond</a>&nbsp;</td>
        <td align="left"> #FFEBCD</a></td>
        <td bgcolor="#FFEBCD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Blue</a>&nbsp;</td>
        <td align="left"> #0000FF</a></td>
        <td bgcolor="#0000FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> BlueViolet</a>&nbsp;</td>
        <td align="left"> #8A2BE2</a></td>
        <td bgcolor="#8A2BE2">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Brown</a>&nbsp;</td>
        <td align="left"> #A52A2A</a></td>
        <td bgcolor="#A52A2A">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> BurlyWood</a>&nbsp;</td>
        <td align="left"> #DEB887</a></td>
        <td bgcolor="#DEB887">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> CadetBlue</a>&nbsp;</td>
        <td align="left"> #5F9EA0</a></td>
        <td bgcolor="#5F9EA0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Chartreuse</a>&nbsp;</td>
        <td align="left"> #7FFF00</a></td>
        <td bgcolor="#7FFF00">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Chocolate</a>&nbsp;</td>
        <td align="left"> #D2691E</a></td>
        <td bgcolor="#D2691E">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Coral</a>&nbsp;</td>
        <td align="left"> #FF7F50</a></td>
        <td bgcolor="#FF7F50">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> CornflowerBlue</a>&nbsp;</td>
        <td align="left"> #6495ED</a></td>
        <td bgcolor="#6495ED">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Cornsilk</a>&nbsp;</td>
        <td align="left"> #FFF8DC</a></td>
        <td bgcolor="#FFF8DC">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Crimson</a>&nbsp;</td>
        <td align="left"> #DC143C</a></td>
        <td bgcolor="#DC143C">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Cyan</a>&nbsp;</td>
        <td align="left"> #00FFFF</a></td>
        <td bgcolor="#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkBlue</a>&nbsp;</td>
        <td align="left"> #00008B</a></td>
        <td bgcolor="#00008B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkCyan</a>&nbsp;</td>
        <td align="left"> #008B8B</a></td>
        <td bgcolor="#008B8B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkGoldenRod</a>&nbsp;</td>
        <td align="left"> #B8860B</a></td>
        <td bgcolor="#B8860B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkGray</a>&nbsp;</td>
        <td align="left"> #A9A9A9</a></td>
        <td bgcolor="#A9A9A9">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkGreen</a>&nbsp;</td>
        <td align="left"> #006400</a></td>
        <td bgcolor="#006400">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkKhaki</a>&nbsp;</td>
        <td align="left"> #BDB76B</a></td>
        <td bgcolor="#BDB76B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkMagenta</a>&nbsp;</td>
        <td align="left"> #8B008B</a></td>
        <td bgcolor="#8B008B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkOliveGreen</a>&nbsp;</td>
        <td align="left"> #556B2F</a></td>
        <td bgcolor="#556B2F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkOrange</a>&nbsp;</td>
        <td align="left"> #FF8C00</a></td>
        <td bgcolor="#FF8C00">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkOrchid</a>&nbsp;</td>
        <td align="left"> #9932CC</a></td>
        <td bgcolor="#9932CC">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkRed</a>&nbsp;</td>
        <td align="left"> #8B0000</a></td>
        <td bgcolor="#8B0000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkSalmon</a>&nbsp;</td>
        <td align="left"> #E9967A</a></td>
        <td bgcolor="#E9967A">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkSeaGreen</a>&nbsp;</td>
        <td align="left"> #8FBC8F</a></td>
        <td bgcolor="#8FBC8F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkSlateBlue</a>&nbsp;</td>
        <td align="left"> #483D8B</a></td>
        <td bgcolor="#483D8B">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkSlateGray</a>&nbsp;</td>
        <td align="left"> #2F4F4F</a></td>
        <td bgcolor="#2F4F4F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkTurquoise</a>&nbsp;</td>
        <td align="left"> #00CED1</a></td>
        <td bgcolor="#00CED1">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DarkViolet</a>&nbsp;</td>
        <td align="left"> #9400D3</a></td>
        <td bgcolor="#9400D3">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DeepPink</a>&nbsp;</td>
        <td align="left"> #FF1493</a></td>
        <td bgcolor="#FF1493">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DeepSkyBlue</a>&nbsp;</td>
        <td align="left"> #00BFFF</a></td>
        <td bgcolor="#00BFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DimGray</a>&nbsp;</td>
        <td align="left"> #696969</a></td>
        <td bgcolor="#696969">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> DodgerBlue</a>&nbsp;</td>
        <td align="left"> #1E90FF</a></td>
        <td bgcolor="#1E90FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> FireBrick</a>&nbsp;</td>
        <td align="left"> #B22222</a></td>
        <td bgcolor="#B22222">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> FloralWhite</a>&nbsp;</td>
        <td align="left"> #FFFAF0</a></td>
        <td bgcolor="#FFFAF0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> ForestGreen</a>&nbsp;</td>
        <td align="left"> #228B22</a></td>
        <td bgcolor="#228B22">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Fuchsia</a>&nbsp;</td>
        <td align="left"> #FF00FF</a></td>
        <td bgcolor="#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Gainsboro</a>&nbsp;</td>
        <td align="left"> #DCDCDC</a></td>
        <td bgcolor="#DCDCDC">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> GhostWhite</a>&nbsp;</td>
        <td align="left"> #F8F8FF</a></td>
        <td bgcolor="#F8F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Gold</a>&nbsp;</td>
        <td align="left"> #FFD700</a></td>
        <td bgcolor="#FFD700">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> GoldenRod</a>&nbsp;</td>
        <td align="left"> #DAA520</a></td>
        <td bgcolor="#DAA520">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Gray</a>&nbsp;</td>
        <td align="left"> #808080</a></td>
        <td bgcolor="#808080">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Green</a>&nbsp;</td>
        <td align="left"> #008000</a></td>
        <td bgcolor="#008000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> GreenYellow</a>&nbsp;</td>
        <td align="left"> #ADFF2F</a></td>
        <td bgcolor="#ADFF2F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> HoneyDew</a>&nbsp;</td>
        <td align="left"> #F0FFF0</a></td>
        <td bgcolor="#F0FFF0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> HotPink</a>&nbsp;</td>
        <td align="left"> #FF69B4</a></td>
        <td bgcolor="#FF69B4">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> IndianRed </a>&nbsp;</td>
        <td align="left"> #CD5C5C</a></td>
        <td bgcolor="#CD5C5C">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Indigo </a>&nbsp;</td>
        <td align="left"> #4B0082</a></td>
        <td bgcolor="#4B0082">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Ivory</a>&nbsp;</td>
        <td align="left"> #FFFFF0</a></td>
        <td bgcolor="#FFFFF0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Khaki</a>&nbsp;</td>
        <td align="left"> #F0E68C</a></td>
        <td bgcolor="#F0E68C">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Lavender</a>&nbsp;</td>
        <td align="left"> #E6E6FA</a></td>
        <td bgcolor="#E6E6FA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LavenderBlush</a>&nbsp;</td>
        <td align="left"> #FFF0F5</a></td>
        <td bgcolor="#FFF0F5">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LawnGreen</a>&nbsp;</td>
        <td align="left"> #7CFC00</a></td>
        <td bgcolor="#7CFC00">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LemonChiffon</a>&nbsp;</td>
        <td align="left"> #FFFACD</a></td>
        <td bgcolor="#FFFACD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightBlue</a>&nbsp;</td>
        <td align="left"> #ADD8E6</a></td>
        <td bgcolor="#ADD8E6">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightCoral</a>&nbsp;</td>
        <td align="left"> #F08080</a></td>
        <td bgcolor="#F08080">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightCyan</a>&nbsp;</td>
        <td align="left"> #E0FFFF</a></td>
        <td bgcolor="#E0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightGoldenRodYellow</a>&nbsp;</td>
        <td align="left"> #FAFAD2</a></td>
        <td bgcolor="#FAFAD2">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightGray</a>&nbsp;</td>
        <td align="left"> #D3D3D3</a></td>
        <td bgcolor="#D3D3D3">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightGreen</a>&nbsp;</td>
        <td align="left"> #90EE90</a></td>
        <td bgcolor="#90EE90">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightPink</a>&nbsp;</td>
        <td align="left"> #FFB6C1</a></td>
        <td bgcolor="#FFB6C1">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightSalmon</a>&nbsp;</td>
        <td align="left"> #FFA07A</a></td>
        <td bgcolor="#FFA07A">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightSeaGreen</a>&nbsp;</td>
        <td align="left"> #20B2AA</a></td>
        <td bgcolor="#20B2AA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightSkyBlue</a>&nbsp;</td>
        <td align="left"> #87CEFA</a></td>
        <td bgcolor="#87CEFA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightSlateGray</a>&nbsp;</td>
        <td align="left"> #778899</a></td>
        <td bgcolor="#778899">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightSteelBlue</a>&nbsp;</td>
        <td align="left"> #B0C4DE</a></td>
        <td bgcolor="#B0C4DE">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LightYellow</a>&nbsp;</td>
        <td align="left"> #FFFFE0</a></td>
        <td bgcolor="#FFFFE0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Lime</a>&nbsp;</td>
        <td align="left"> #00FF00</a></td>
        <td bgcolor="#00FF00">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> LimeGreen</a>&nbsp;</td>
        <td align="left"> #32CD32</a></td>
        <td bgcolor="#32CD32">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Linen</a>&nbsp;</td>
        <td align="left"> #FAF0E6</a></td>
        <td bgcolor="#FAF0E6">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Magenta</a>&nbsp;</td>
        <td align="left"> #FF00FF</a></td>
        <td bgcolor="#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Maroon</a>&nbsp;</td>
        <td align="left"> #800000</a></td>
        <td bgcolor="#800000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumAquaMarine</a>&nbsp;</td>
        <td align="left"> #66CDAA</a></td>
        <td bgcolor="#66CDAA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumBlue</a>&nbsp;</td>
        <td align="left"> #0000CD</a></td>
        <td bgcolor="#0000CD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumOrchid</a>&nbsp;</td>
        <td align="left"> #BA55D3</a></td>
        <td bgcolor="#BA55D3">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumPurple</a>&nbsp;</td>
        <td align="left"> #9370DB</a></td>
        <td bgcolor="#9370DB">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumSeaGreen</a>&nbsp;</td>
        <td align="left"> #3CB371</a></td>
        <td bgcolor="#3CB371">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumSlateBlue</a>&nbsp;</td>
        <td align="left"> #7B68EE</a></td>
        <td bgcolor="#7B68EE">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumSpringGreen</a>&nbsp;</td>
        <td align="left"> #00FA9A</a></td>
        <td bgcolor="#00FA9A">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumTurquoise</a>&nbsp;</td>
        <td align="left"> #48D1CC</a></td>
        <td bgcolor="#48D1CC">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MediumVioletRed</a>&nbsp;</td>
        <td align="left"> #C71585</a></td>
        <td bgcolor="#C71585">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MidnightBlue</a>&nbsp;</td>
        <td align="left"> #191970</a></td>
        <td bgcolor="#191970">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MintCream</a>&nbsp;</td>
        <td align="left"> #F5FFFA</a></td>
        <td bgcolor="#F5FFFA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> MistyRose</a>&nbsp;</td>
        <td align="left"> #FFE4E1</a></td>
        <td bgcolor="#FFE4E1">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Moccasin</a>&nbsp;</td>
        <td align="left"> #FFE4B5</a></td>
        <td bgcolor="#FFE4B5">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> NavajoWhite</a>&nbsp;</td>
        <td align="left"> #FFDEAD</a></td>
        <td bgcolor="#FFDEAD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Navy</a>&nbsp;</td>
        <td align="left"> #000080</a></td>
        <td bgcolor="#000080">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> OldLace</a>&nbsp;</td>
        <td align="left"> #FDF5E6</a></td>
        <td bgcolor="#FDF5E6">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Olive</a>&nbsp;</td>
        <td align="left"> #808000</a></td>
        <td bgcolor="#808000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> OliveDrab</a>&nbsp;</td>
        <td align="left"> #6B8E23</a></td>
        <td bgcolor="#6B8E23">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Orange</a>&nbsp;</td>
        <td align="left"> #FFA500</a></td>
        <td bgcolor="#FFA500">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> OrangeRed</a>&nbsp;</td>
        <td align="left"> #FF4500</a></td>
        <td bgcolor="#FF4500">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Orchid</a>&nbsp;</td>
        <td align="left"> #DA70D6</a></td>
        <td bgcolor="#DA70D6">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PaleGoldenRod</a>&nbsp;</td>
        <td align="left"> #EEE8AA</a></td>
        <td bgcolor="#EEE8AA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PaleGreen</a>&nbsp;</td>
        <td align="left"> #98FB98</a></td>
        <td bgcolor="#98FB98">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PaleTurquoise</a>&nbsp;</td>
        <td align="left"> #AFEEEE</a></td>
        <td bgcolor="#AFEEEE">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PaleVioletRed</a>&nbsp;</td>
        <td align="left"> #DB7093</a></td>
        <td bgcolor="#DB7093">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PapayaWhip</a>&nbsp;</td>
        <td align="left"> #FFEFD5</a></td>
        <td bgcolor="#FFEFD5">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PeachPuff</a>&nbsp;</td>
        <td align="left"> #FFDAB9</a></td>
        <td bgcolor="#FFDAB9">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Peru</a>&nbsp;</td>
        <td align="left"> #CD853F</a></td>
        <td bgcolor="#CD853F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Pink</a>&nbsp;</td>
        <td align="left"> #FFC0CB</a></td>
        <td bgcolor="#FFC0CB">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Plum</a>&nbsp;</td>
        <td align="left"> #DDA0DD</a></td>
        <td bgcolor="#DDA0DD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> PowderBlue</a>&nbsp;</td>
        <td align="left"> #B0E0E6</a></td>
        <td bgcolor="#B0E0E6">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Purple</a>&nbsp;</td>
        <td align="left"> #800080</a></td>
        <td bgcolor="#800080">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Red</a>&nbsp;</td>
        <td align="left"> #FF0000</a></td>
        <td bgcolor="#FF0000">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> RosyBrown</a>&nbsp;</td>
        <td align="left"> #BC8F8F</a></td>
        <td bgcolor="#BC8F8F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> RoyalBlue</a>&nbsp;</td>
        <td align="left"> #4169E1</a></td>
        <td bgcolor="#4169E1">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SaddleBrown</a>&nbsp;</td>
        <td align="left"> #8B4513</a></td>
        <td bgcolor="#8B4513">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Salmon</a>&nbsp;</td>
        <td align="left"> #FA8072</a></td>
        <td bgcolor="#FA8072">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SandyBrown</a>&nbsp;</td>
        <td align="left"> #F4A460</a></td>
        <td bgcolor="#F4A460">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SeaGreen</a>&nbsp;</td>
        <td align="left"> #2E8B57</a></td>
        <td bgcolor="#2E8B57">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SeaShell</a>&nbsp;</td>
        <td align="left"> #FFF5EE</a></td>
        <td bgcolor="#FFF5EE">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Sienna</a>&nbsp;</td>
        <td align="left"> #A0522D</a></td>
        <td bgcolor="#A0522D">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Silver</a>&nbsp;</td>
        <td align="left"> #C0C0C0</a></td>
        <td bgcolor="#C0C0C0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SkyBlue</a>&nbsp;</td>
        <td align="left"> #87CEEB</a></td>
        <td bgcolor="#87CEEB">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SlateBlue</a>&nbsp;</td>
        <td align="left"> #6A5ACD</a></td>
        <td bgcolor="#6A5ACD">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SlateGray</a>&nbsp;</td>
        <td align="left"> #708090</a></td>
        <td bgcolor="#708090">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Snow</a>&nbsp;</td>
        <td align="left"> #FFFAFA</a></td>
        <td bgcolor="#FFFAFA">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SpringGreen</a>&nbsp;</td>
        <td align="left"> #00FF7F</a></td>
        <td bgcolor="#00FF7F">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> SteelBlue</a>&nbsp;</td>
        <td align="left"> #4682B4</a></td>
        <td bgcolor="#4682B4">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Tan</a>&nbsp;</td>
        <td align="left"> #D2B48C</a></td>
        <td bgcolor="#D2B48C">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Teal</a>&nbsp;</td>
        <td align="left"> #008080</a></td>
        <td bgcolor="#008080">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Thistle</a>&nbsp;</td>
        <td align="left"> #D8BFD8</a></td>
        <td bgcolor="#D8BFD8">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Tomato</a>&nbsp;</td>
        <td align="left"> #FF6347</a></td>
        <td bgcolor="#FF6347">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Turquoise</a>&nbsp;</td>
        <td align="left"> #40E0D0</a></td>
        <td bgcolor="#40E0D0">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Violet</a>&nbsp;</td>
        <td align="left"> #EE82EE</a></td>
        <td bgcolor="#EE82EE">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Wheat</a>&nbsp;</td>
        <td align="left"> #F5DEB3</a></td>
        <td bgcolor="#F5DEB3">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> White</a>&nbsp;</td>
        <td align="left"> #FFFFFF</a></td>
        <td bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> WhiteSmoke</a>&nbsp;</td>
        <td align="left"> #F5F5F5</a></td>
        <td bgcolor="#F5F5F5">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> Yellow</a>&nbsp;</td>
        <td align="left"> #FFFF00</a></td>
        <td bgcolor="#FFFF00">&nbsp;</td>
    </tr>
    <tr>
        <td align="left"> YellowGreen</a>&nbsp;</td>
        <td align="left"> #9ACD32</a></td>
        <td bgcolor="#9ACD32">&nbsp;</td>
    </tr>
</table>
body>
</body>

</html>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8333.html
评论
发布的文章

Newtonsoft.Json

2024-05-23 20:05:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!