前端开发：颜色代码速查表【英文颜色、HEX格式、RGB格式】
<svg xmlns="http://www.w3.org/2000/svg" style="display: none"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0)"></path>
</svg>
<p><img src="https://img-blog.csdnimg.cn/3f32d42e2f48471395b6c89c9ea243ab.png#pic_center" alt="在这里插入图片描述"></p>
<hr>
<h2>💌 作者简介</h2>
<ol><li>📖 个人介绍：小伙伴们，大家好！我是水香木鱼，【<code>前端领域创作者</code>】😜</li><li>📜 CSDN主页：水香木鱼</li><li>📑 个人博客：陈春波</li><li>🎨 系列专栏：邂逅HTML</li><li>🌹 一键四连：关注💋+点赞👍+收藏⭐+留言📝</li><li>📢 人生箴言：即使没有万全准备，也要勇敢迈出第一步。</li></ol>
<hr>
<h3>使用实例</h3>
<ul><li><code>英文代码</code>使用实例：<code><p style="color: red"> This is my font </p></code></li><li><code>HEX格式</code>使用实例： <code><p style="color: #FFB6C1"> This is my font </p></code></li><li><code>RGB格式</code>使用实例： <code><p style="color: rgb(219,112,147)"> This is my font </p></code></li></ul>
<hr>
<h2>中文颜色代码表</h2>
<blockquote>
<p>根据业务需求，我们可以使用三种格式的代码颜色；</p>
</blockquote>
<p><code>注意：如果想要寻找你的设计稿上的颜色，可用取色器吸取颜色，在本页面ctrl+f 搜索设计稿的颜色，寻找对应的两种格式；</code></p>
<h3>1、红色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="Crimson">颜色样例</font></b></td><td align="left">Crimson</td><td align="left"><b><font color="Crimson">猩红</font></b></td><td>#DC143C</td><td>220,20,60</td></tr><tr><td><b><font color="PaleGodenrod">颜色样例</font></b></td><td align="left">PaleGodenrod</td><td align="left"><b><font color="PaleGodenrod">灰秋麒麟</font></b></td><td>#EEE8AA</td><td>238,232,170</td></tr><tr><td><b><font color="Cornislk">颜色样例</font></b></td><td align="left">Cornislk</td><td align="left"><b><font color="Cornislk">玉米色</font></b></td><td>#FFF8DC</td><td>255,248,220</td></tr><tr><td><b><font color="BrulyWood">颜色样例</font></b></td><td align="left">BrulyWood</td><td align="left"><b><font color="BrulyWood">结实的树</font></b></td><td>#DEB887</td><td>222,184,135</td></tr><tr><td><b><font color="Red">颜色样例</font></b></td><td align="left">Red</td><td align="left"><b><font color="Red">纯红</font></b></td><td>#FF0000</td><td>255,0,0</td></tr><tr><td><b><font color="Brown">颜色样例</font></b></td><td align="left">Brown</td><td align="left"><b><font color="Brown">棕色</font></b></td><td>#A52A2A</td><td>165,42,42</td></tr><tr><td><b><font color="FireBrick">颜色样例</font></b></td><td align="left">FireBrick</td><td align="left"><b><font color="FireBrick">耐火砖</font></b></td><td>#B22222</td><td>178,34,34</td></tr><tr><td><b><font color="DarkRed">颜色样例</font></b></td><td align="left">DarkRed</td><td align="left"><b><font color="DarkRed">深红色</font></b></td><td>#8B0000</td><td>139,0,0</td></tr><tr><td><b><font color="Maroon">颜色样例</font></b></td><td align="left">Maroon</td><td align="left"><b><font color="Maroon">栗色</font></b></td><td>#800000</td><td>128,0,0</td></tr><tr><td><b><font color="LightPink">颜色样例</font></b></td><td align="left">LightPink</td><td align="left"><b><font color="LightPink">浅粉红</font></b></td><td>#FFB6C1</td><td>255,182,193</td></tr><tr><td><b><font color="Pink ">颜色样例</font></b></td><td align="left">Pink</td><td align="left"><b><font color="Pink ">粉红</font></b></td><td>#FFC0CB</td><td>255,192,203</td></tr><tr><td><b><font color="LavenderBlush">颜色样例</font></b></td><td align="left">LavenderBlush</td><td align="left"><b><font color="LavenderBlush">脸红的淡紫色</font></b></td><td>#FFF0F5</td><td>255,240,245</td></tr><tr><td><b><font color="PaleVioletRed ">颜色样例</font></b></td><td align="left">PaleVioletRed</td><td align="left"><b><font color="PaleVioletRed ">苍白的紫罗兰红色</font></b></td><td>#DB7093</td><td>219,112,147</td></tr><tr><td><b><font color="HotPink">颜色样例</font></b></td><td align="left">HotPink</td><td align="left"><b><font color="HotPink">热情的粉红</font></b></td><td>#FF69B4</td><td>255,105,180</td></tr><tr><td><b><font color="DeepPink">颜色样例</font></b></td><td align="left">DeepPink</td><td align="left"><b><font color="DeepPink">深粉色</font></b></td><td>#FF1493</td><td>255,20,147</td></tr><tr><td><b><font color="MediumVioletRed">颜色样例</font></b></td><td align="left">MediumVioletRed</td><td align="left"><b><font color="MediumVioletRed">适中的紫罗兰红色</font></b></td><td>#C71585</td><td>199,21,133</td></tr></tbody></table>
<hr>
<h3>2、紫色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="Orchid">颜色样例</font></b></td><td align="left">Orchid</td><td align="left"><b><font color="Orchid">兰花的紫色</font></b></td><td>#DA70D6</td><td>218,112,214</td></tr><tr><td><b><font color="Thistle">颜色样例</font></b></td><td align="left">Thistle</td><td align="left"><b><font color="Thistle">蓟</font></b></td><td>#D8BFD8</td><td>216,191,216</td></tr><tr><td><b><font color="plum">颜色样例</font></b></td><td align="left">plum</td><td align="left"><b><font color="plum">李子</font></b></td><td>#DDA0DD</td><td>221,160,221</td></tr><tr><td><b><font color="Violet">颜色样例</font></b></td><td align="left">Violet</td><td align="left"><b><font color="Violet">紫罗兰</font></b></td><td>#EE82EE</td><td>238,130,238</td></tr><tr><td><b><font color="Magenta">颜色样例</font></b></td><td align="left">Magenta</td><td align="left"><b><font color="Magenta">洋红</font></b></td><td>#FF00FF</td><td>255,0,255</td></tr><tr><td><b><font color="Fuchsia">颜色样例</font></b></td><td align="left">Fuchsia</td><td align="left"><b><font color="Fuchsia">灯笼海棠(紫红色)</font></b></td><td>#FF00FF</td><td>255,0,255</td></tr><tr><td><b><font color="DarkMagenta">颜色样例</font></b></td><td align="left">DarkMagenta</td><td align="left"><b><font color="DarkMagenta">深洋红色</font></b></td><td>#8B008B</td><td>139,0,139</td></tr><tr><td><b><font color="Purple">颜色样例</font></b></td><td align="left">Purple</td><td align="left"><b><font color="Purple">紫色</font></b></td><td>#800080</td><td>128,0,128</td></tr><tr><td><b><font color="MediumOrchid">颜色样例</font></b></td><td align="left">MediumOrchid</td><td align="left"><b><font color="MediumOrchid">适中的兰花紫</font></b></td><td>#BA55D3</td><td>186,85,211</td></tr><tr><td><b><font color="DarkVoilet">颜色样例</font></b></td><td align="left">DarkVoilet</td><td align="left"><b><font color="DarkVoilet">深紫罗兰色</font></b></td><td>#9400D3</td><td>148,0,211</td></tr><tr><td><b><font color="DarkOrchid">颜色样例</font></b></td><td align="left">DarkOrchid</td><td align="left"><b><font color="DarkOrchid">深兰花紫</font></b></td><td>#9932CC</td><td>153,50,204</td></tr><tr><td><b><font color="Indigo">颜色样例</font></b></td><td align="left">Indigo</td><td align="left"><b><font color="Indigo">靛青</font></b></td><td>#4B0082</td><td>75,0,130</td></tr><tr><td><b><font color="BlueViolet">颜色样例</font></b></td><td align="left">BlueViolet</td><td align="left"><b><font color="BlueViolet">深紫罗兰的蓝色</font></b></td><td>#8A2BE2</td><td>138,43,226</td></tr><tr><td><b><font color="MediumPurple">颜色样例</font></b></td><td align="left">MediumPurple</td><td align="left"><b><font color="MediumPurple">适中的紫色</font></b></td><td>#9370DB</td><td>147,112,219</td></tr><tr><td><b><font color="MediumSlateBlue">颜色样例</font></b></td><td align="left">MediumSlateBlue</td><td align="left"><b><font color="MediumSlateBlue">适中的板岩暗蓝灰色</font></b></td><td>#7B68EE</td><td>123,104,238</td></tr><tr><td><b><font color="SlateBlue">颜色样例</font></b></td><td align="left">SlateBlue</td><td align="left"><b><font color="SlateBlue">板岩暗蓝灰色</font></b></td><td>#6A5ACD</td><td>106,90,205</td></tr><tr><td><b><font color="DarkSlateBlue">颜色样例</font></b></td><td align="left">DarkSlateBlue</td><td align="left"><b><font color="DarkSlateBlue">深岩暗蓝灰色</font></b></td><td>#483D8B</td><td>72,61,139</td></tr><tr><td><b><font color="Lavender">颜色样例</font></b></td><td align="left">Lavender</td><td align="left"><b><font color="Lavender">熏衣草花的淡紫色</font></b></td><td>#E6E6FA</td><td>230,230,250</td></tr><tr><td><b><font color="GhostWhite">颜色样例</font></b></td><td align="left">GhostWhite</td><td align="left"><b><font color="GhostWhite">幽灵的白色</font></b></td><td>#F8F8FF</td><td>248,248,255</td></tr></tbody></table>
<hr>
<h3>3、蓝色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="Blue">颜色样例</font></b></td><td align="left">Blue</td><td align="left"><b><font color="Blue">纯蓝</font></b></td><td>#0000FF</td><td>0,0,255</td></tr><tr><td><b><font color="MediumBlue">颜色样例</font></b></td><td align="left">MediumBlue</td><td align="left"><b><font color="MediumBlue">适中的蓝色</font></b></td><td>#0000CD</td><td>0,0,205</td></tr><tr><td><b><font color="MidnightBlue">颜色样例</font></b></td><td align="left">MidnightBlue</td><td align="left"><b><font color="MidnightBlue">午夜的蓝色</font></b></td><td>#191970</td><td>25,25,112</td></tr><tr><td><b><font color="DarkBlue">颜色样例</font></b></td><td align="left">DarkBlue</td><td align="left"><b><font color="DarkBlue">深蓝色</font></b></td><td>#00008B</td><td>0,0,139</td></tr><tr><td><b><font color="Navy">颜色样例</font></b></td><td align="left">Navy</td><td align="left"><b><font color="Navy">海军蓝</font></b></td><td>#000080</td><td>0,0,128</td></tr><tr><td><b><font color="RoyalBlue">颜色样例</font></b></td><td align="left">RoyalBlue</td><td align="left"><b><font color="RoyalBlue">皇军蓝</font></b></td><td>#4169E1</td><td>65,105,225</td></tr><tr><td><b><font color="CornflowerBlue">颜色样例</font></b></td><td align="left">CornflowerBlue</td><td align="left"><b><font color="CornflowerBlue">矢车菊的蓝色</font></b></td><td>#6495ED</td><td>100,149,237</td></tr><tr><td><b><font color="LightSteelBlue">颜色样例</font></b></td><td align="left">LightSteelBlue</td><td align="left"><b><font color="LightSteelBlue">淡钢蓝</font></b></td><td>#B0C4DE</td><td>176,196,222</td></tr><tr><td><b><font color="LightSlateGray">颜色样例</font></b></td><td align="left">LightSlateGray</td><td align="left"><b><font color="LightSlateGray">浅石板灰</font></b></td><td>#778899</td><td>119,136,153</td></tr><tr><td><b><font color="SlateGray">颜色样例</font></b></td><td align="left">SlateGray</td><td align="left"><b><font color="SlateGray">石板灰</font></b></td><td>#708090</td><td>112,128,144</td></tr><tr><td><b><font color="DoderBlue">颜色样例</font></b></td><td align="left">DoderBlue</td><td align="left"><b><font color="DoderBlue">道奇蓝</font></b></td><td>#1E90FF</td><td>30,144,255</td></tr><tr><td><b><font color="AliceBlue">颜色样例</font></b></td><td align="left">AliceBlue</td><td align="left"><b><font color="AliceBlue">爱丽丝蓝</font></b></td><td>#F0F8FF</td><td>240,248,255</td></tr><tr><td><b><font color="SteelBlue">颜色样例</font></b></td><td align="left">SteelBlue</td><td align="left"><b><font color="SteelBlue">钢蓝</font></b></td><td>#4682B4</td><td>70,130,180</td></tr><tr><td><b><font color="LightSkyBlue">颜色样例</font></b></td><td align="left">LightSkyBlue</td><td align="left"><b><font color="LightSkyBlue">淡蓝色</font></b></td><td>#87CEFA</td><td>135,206,250</td></tr><tr><td><b><font color="SkyBlue">颜色样例</font></b></td><td align="left">SkyBlue</td><td align="left"><b><font color="SkyBlue">天蓝色</font></b></td><td>#87CEEB</td><td>135,206,235</td></tr><tr><td><b><font color="DeepSkyBlue">颜色样例</font></b></td><td align="left">DeepSkyBlue</td><td align="left"><b><font color="DeepSkyBlue">深天蓝</font></b></td><td>#00BFFF</td><td>0,191,255</td></tr><tr><td><b><font color="LightBLue">颜色样例</font></b></td><td align="left">LightBLue</td><td align="left"><b><font color="LightBLue">淡蓝</font></b></td><td>#ADD8E6</td><td>173,216,230</td></tr><tr><td><b><font color="PowDerBlue">颜色样例</font></b></td><td align="left">PowDerBlue</td><td align="left"><b><font color="PowDerBlue">火药蓝</font></b></td><td>#B0E0E6</td><td>176,224,230</td></tr><tr><td><b><font color="CadetBlue">颜色样例</font></b></td><td align="left">CadetBlue</td><td align="left"><b><font color="CadetBlue">军校蓝</font></b></td><td>#5F9EA0</td><td>95,158,160</td></tr><tr><td><b><font color="Azure">颜色样例</font></b></td><td align="left">Azure</td><td align="left"><b><font color="Azure">蔚蓝色</font></b></td><td>#F0FFFF</td><td>240,255,255</td></tr><tr><td><b><font color="LightCyan">颜色样例</font></b></td><td align="left">LightCyan</td><td align="left"><b><font color="LightCyan">淡青色</font></b></td><td>#E1FFFF</td><td>225,255,255</td></tr><tr><td><b><font color="PaleTurquoise">颜色样例</font></b></td><td align="left">PaleTurquoise</td><td align="left"><b><font color="PaleTurquoise">苍白的绿宝石</font></b></td><td>#AFEEEE</td><td>175,238,238</td></tr><tr><td><b><font color="Cyan">颜色样例</font></b></td><td align="left">Cyan</td><td align="left"><b><font color="Cyan">青色</font></b></td><td>#00FFFF</td><td>0,255,255</td></tr><tr><td><b><font color="Aqua">颜色样例</font></b></td><td align="left">Aqua</td><td align="left"><b><font color="Aqua">水绿色</font></b></td><td>#00FFFF</td><td>0,255,255</td></tr><tr><td><b><font color="DarkTurquoise">颜色样例</font></b></td><td align="left">DarkTurquoise</td><td align="left"><b><font color="DarkTurquoise">深绿宝石</font></b></td><td>#00CED1</td><td>0,206,209</td></tr><tr><td><b><font color="DarkSlateGray">颜色样例</font></b></td><td align="left">DarkSlateGray</td><td align="left"><b><font color="DarkSlateGray">深石板灰</font></b></td><td>#2F4F4F</td><td>47,79,79</td></tr><tr><td><b><font color="DarkCyan">颜色样例</font></b></td><td align="left">DarkCyan</td><td align="left"><b><font color="DarkCyan">深青色</font></b></td><td>#008B8B</td><td>0,139,139</td></tr><tr><td><b><font color="Teal">颜色样例</font></b></td><td align="left">Teal</td><td align="left"><b><font color="Teal">水鸭色</font></b></td><td>#008080</td><td>0,128,128</td></tr><tr><td><b><font color="MediumTurquoise">颜色样例</font></b></td><td align="left">MediumTurquoise</td><td align="left"><b><font color="MediumTurquoise">适中的绿宝石</font></b></td><td>#48D1CC</td><td>72,209,204</td></tr><tr><td><b><font color="LightSeaGreen">颜色样例</font></b></td><td align="left">LightSeaGreen</td><td align="left"><b><font color="LightSeaGreen">浅海洋绿</font></b></td><td>#20B2AA</td><td>32,178,170</td></tr><tr><td><b><font color="Turquoise">颜色样例</font></b></td><td align="left">Turquoise</td><td align="left"><b><font color="Turquoise">绿宝石</font></b></td><td>#40E0D0</td><td>64,224,208</td></tr></tbody></table>
<hr>
<h3>4、绿色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="Auqamarin">颜色样例</font></b></td><td align="left">Auqamarin</td><td align="left"><b><font color="Auqamarin">绿玉\碧绿色</font></b></td><td>#7FFFAA</td><td>127,255,170</td></tr><tr><td><b><font color="MediumAquamarine">颜色样例</font></b></td><td align="left">MediumAquamarine</td><td align="left"><b><font color="MediumAquamarine">适中的碧绿色</font></b></td><td>#00FA9A</td><td>0,250,154</td></tr><tr><td><b><font color="MediumSpringGreen">颜色样例</font></b></td><td align="left">MediumSpringGreen</td><td align="left"><b><font color="MediumSpringGreen">适中的春天的绿色</font></b></td><td>#F5FFFA</td><td>245,255,250</td></tr><tr><td><b><font color="MintCream">颜色样例</font></b></td><td align="left">MintCream</td><td align="left"><b><font color="MintCream">薄荷奶油</font></b></td><td>#00FF7F</td><td>0,255,127</td></tr><tr><td><b><font color="SpringGreen">颜色样例</font></b></td><td align="left">SpringGreen</td><td align="left"><b><font color="SpringGreen">春天的绿色</font></b></td><td>#3CB371</td><td>60,179,113</td></tr><tr><td><b><font color="SeaGreen">颜色样例</font></b></td><td align="left">SeaGreen</td><td align="left"><b><font color="SeaGreen">海洋绿</font></b></td><td>#2E8B57</td><td>46,139,87</td></tr><tr><td><b><font color="Honeydew">颜色样例</font></b></td><td align="left">Honeydew</td><td align="left"><b><font color="Honeydew">蜂蜜</font></b></td><td>#F0FFF0</td><td>240,255,240</td></tr><tr><td><b><font color="LightGreen">颜色样例</font></b></td><td align="left">LightGreen</td><td align="left"><b><font color="LightGreen">淡绿色</font></b></td><td>#90EE90</td><td>144,238,144</td></tr><tr><td><b><font color="PaleGreen">颜色样例</font></b></td><td align="left">PaleGreen</td><td align="left"><b><font color="PaleGreen">苍白的绿色</font></b></td><td>#98FB98</td><td>152,251,152</td></tr><tr><td><b><font color="DarkSeaGreen">颜色样例</font></b></td><td align="left">DarkSeaGreen</td><td align="left"><b><font color="DarkSeaGreen">深海洋绿</font></b></td><td>#8FBC8F</td><td>143,188,143</td></tr><tr><td><b><font color="LimeGreen">颜色样例</font></b></td><td align="left">LimeGreen</td><td align="left"><b><font color="LimeGreen">酸橙绿</font></b></td><td>#32CD32</td><td>50,205,50</td></tr><tr><td><b><font color="Lime">颜色样例</font></b></td><td align="left">Lime</td><td align="left"><b><font color="Lime">酸橙色</font></b></td><td>#00FF00</td><td>0,255,0</td></tr><tr><td><b><font color="ForestGreen">颜色样例</font></b></td><td align="left">ForestGreen</td><td align="left"><b><font color="ForestGreen">森林绿</font></b></td><td>#228B22</td><td>34,139,34</td></tr><tr><td><b><font color="Green">颜色样例</font></b></td><td align="left">Green</td><td align="left"><b><font color="Green">纯绿</font></b></td><td>#008000</td><td>0,128,0</td></tr><tr><td><b><font color="DarkGreen">颜色样例</font></b></td><td align="left">DarkGreen</td><td align="left"><b><font color="DarkGreen">深绿色</font></b></td><td>#006400</td><td>0,100,0</td></tr><tr><td><b><font color="Chartreuse">颜色样例</font></b></td><td align="left">Chartreuse</td><td align="left"><b><font color="Chartreuse">查特酒绿</font></b></td><td>#7FFF00</td><td>127,255,0</td></tr><tr><td><b><font color="LawnGreen">颜色样例</font></b></td><td align="left">LawnGreen</td><td align="left"><b><font color="LawnGreen">草坪绿</font></b></td><td>#7CFC00</td><td>124,252,0</td></tr><tr><td><b><font color="GreenYellow">颜色样例</font></b></td><td align="left">GreenYellow</td><td align="left"><b><font color="GreenYellow">绿黄色</font></b></td><td>#ADFF2F</td><td>173,255,47</td></tr><tr><td><b><font color="OliveDrab">颜色样例</font></b></td><td align="left">OliveDrab</td><td align="left"><b><font color="OliveDrab">橄榄土褐色</font></b></td><td>#556B2F</td><td>85,107,47</td></tr><tr><td><b><font color="Beige">颜色样例</font></b></td><td align="left">Beige</td><td align="left"><b><font color="Beige">米色(浅褐色)</font></b></td><td>#6B8E23</td><td>107,142,35</td></tr><tr><td><b><font color="LightGoldenrodYellow">颜色样例</font></b></td><td align="left">LightGoldenrodYellow</td><td align="left"><b><font color="LightGoldenrodYellow">浅秋麒麟黄</font></b></td><td>#FAFAD2</td><td>250,250,210</td></tr><tr><td><b><font color="Ivory">颜色样例</font></b></td><td align="left">Ivory</td><td align="left"><b><font color="Ivory">象牙</font></b></td><td>#FFFFF0</td><td>255,255,240</td></tr></tbody></table>
<hr>
<h3>5、黄色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="LightYellow">颜色样例</font></b></td><td align="left">LightYellow</td><td align="left"><b><font color="LightYellow">浅黄色</font></b></td><td>#FFFFE0</td><td>255,255,224</td></tr><tr><td><b><font color="Yellow">颜色样例</font></b></td><td align="left">Yellow</td><td align="left"><b><font color="Yellow">纯黄</font></b></td><td>#FFFF00</td><td>255,255,0</td></tr><tr><td><b><font color="Olive">颜色样例</font></b></td><td align="left">Olive</td><td align="left"><b><font color="Olive">橄榄</font></b></td><td>#808000</td><td>128,128,0</td></tr><tr><td><b><font color="DarkKhaki">颜色样例</font></b></td><td align="left">DarkKhaki</td><td align="left"><b><font color="DarkKhaki">深卡其布</font></b></td><td>#BDB76B</td><td>189,183,107</td></tr><tr><td><b><font color="LemonChiffon">颜色样例</font></b></td><td align="left">LemonChiffon</td><td align="left"><b><font color="LemonChiffon">柠檬薄纱</font></b></td><td>#FFFACD</td><td>255,250,205</td></tr><tr><td><b><font color="Khaki">颜色样例</font></b></td><td align="left">Khaki</td><td align="left"><b><font color="Khaki">卡其布</font></b></td><td>#F0E68C</td><td>240,230,140</td></tr><tr><td><b><font color="Gold">颜色样例</font></b></td><td align="left">Gold</td><td align="left"><b><font color="Gold">金</font></b></td><td>#FFD700</td><td>255,215,0</td></tr><tr><td><b><font color="GoldEnrod">颜色样例</font></b></td><td align="left">GoldEnrod</td><td align="left"><b><font color="GoldEnrod">秋麒麟</font></b></td><td>#DAA520</td><td>218,165,32</td></tr><tr><td><b><font color="FloralWhite">颜色样例</font></b></td><td align="left">FloralWhite</td><td align="left"><b><font color="FloralWhite">花的白色</font></b></td><td>#FFFAF0</td><td>255,250,240</td></tr><tr><td><b><font color="OldLace">颜色样例</font></b></td><td align="left">OldLace</td><td align="left"><b><font color="OldLace">老饰带</font></b></td><td>#FDF5E6</td><td>253,245,230</td></tr><tr><td><b><font color="Wheat">颜色样例</font></b></td><td align="left">Wheat</td><td align="left"><b><font color="Wheat">小麦色</font></b></td><td>#F5DEB3</td><td>245,222,179</td></tr><tr><td><b><font color="Moccasin">颜色样例</font></b></td><td align="left">Moccasin</td><td align="left"><b><font color="Moccasin">鹿皮鞋</font></b></td><td>#FFE4B5</td><td>255,228,181</td></tr><tr><td><b><font color="Orange">颜色样例</font></b></td><td align="left">Orange</td><td align="left"><b><font color="Orange">橙色</font></b></td><td>#FFA500</td><td>255,165,0</td></tr><tr><td><b><font color="PapayaWhip">颜色样例</font></b></td><td align="left">PapayaWhip</td><td align="left"><b><font color="PapayaWhip">番木瓜</font></b></td><td>#FFEFD5</td><td>255,239,213</td></tr><tr><td><b><font color="BlanchedAlmond">颜色样例</font></b></td><td align="left">BlanchedAlmond</td><td align="left"><b><font color="BlanchedAlmond">漂白的杏仁</font></b></td><td>#FFEBCD</td><td>255,235,205</td></tr><tr><td><b><font color="NavajoWhite">颜色样例</font></b></td><td align="left">NavajoWhite</td><td align="left"><b><font color="NavajoWhite">Navajo白</font></b></td><td>#FFDEAD</td><td>255,222,173</td></tr><tr><td><b><font color="AntiqueWhite">颜色样例</font></b></td><td align="left">AntiqueWhite</td><td align="left"><b><font color="AntiqueWhite">古代的白色</font></b></td><td>#FAEBD7</td><td>250,235,215</td></tr><tr><td><b><font color="Tan">颜色样例</font></b></td><td align="left">Tan</td><td align="left"><b><font color="Tan">晒黑</font></b></td><td>#D2B48C</td><td>210,180,140</td></tr><tr><td><b><font color="Bisque">颜色样例</font></b></td><td align="left">Bisque</td><td align="left"><b><font color="Bisque">(浓汤)乳脂,番茄等</font></b></td><td>#FFE4C4</td><td>255,228,196</td></tr><tr><td><b><font color="DarkOrange">颜色样例</font></b></td><td align="left">DarkOrange</td><td align="left"><b><font color="DarkOrange">深橙色</font></b></td><td>#FF8C00</td><td>255,140,0</td></tr><tr><td><b><font color="Linen">颜色样例</font></b></td><td align="left">Linen</td><td align="left"><b><font color="Linen">亚麻布</font></b></td><td>#FAF0E6</td><td>250,240,230</td></tr><tr><td><b><font color="Peru">颜色样例</font></b></td><td align="left">Peru</td><td align="left"><b><font color="Peru">秘鲁</font></b></td><td>#CD853F</td><td>205,133,63</td></tr><tr><td><b><font color="PeachPuff">颜色样例</font></b></td><td align="left">PeachPuff</td><td align="left"><b><font color="PeachPuff">桃色</font></b></td><td>#FFDAB9</td><td>255,218,185</td></tr><tr><td><b><font color="SandyBrown">颜色样例</font></b></td><td align="left">SandyBrown</td><td align="left"><b><font color="SandyBrown">沙棕色</font></b></td><td>#F4A460</td><td>244,164,96</td></tr><tr><td><b><font color="Chocolate">颜色样例</font></b></td><td align="left">Chocolate</td><td align="left"><b><font color="Chocolate">巧克力</font></b></td><td>#D2691E</td><td>210,105,30</td></tr><tr><td><b><font color="SaddleBrown">颜色样例</font></b></td><td align="left">SaddleBrown</td><td align="left"><b><font color="SaddleBrown">马鞍棕色</font></b></td><td>#8B4513</td><td>139,69,19</td></tr><tr><td><b><font color="SeaShell">颜色样例</font></b></td><td align="left">SeaShell</td><td align="left"><b><font color="SeaShell">海贝壳</font></b></td><td>#FFF5EE</td><td>255,245,238</td></tr><tr><td><b><font color="Sienna">颜色样例</font></b></td><td align="left">Sienna</td><td align="left"><b><font color="Sienna">黄土赭色</font></b></td><td>#A0522D</td><td>160,82,45</td></tr><tr><td><b><font color="LightSalmon">颜色样例</font></b></td><td align="left">LightSalmon</td><td align="left"><b><font color="LightSalmon">浅鲜肉(鲑鱼)色</font></b></td><td>#FFA07A</td><td>255,160,122</td></tr><tr><td><b><font color="Coral">颜色样例</font></b></td><td align="left">Coral</td><td align="left"><b><font color="Coral">珊瑚</font></b></td><td>#FF7F50</td><td>255,127,80</td></tr><tr><td><b><font color="OrangeRed">颜色样例</font></b></td><td align="left">OrangeRed</td><td align="left"><b><font color="OrangeRed">橙红色</font></b></td><td>#FF4500</td><td>255,69,0</td></tr><tr><td><b><font color="DarkSalmon">颜色样例</font></b></td><td align="left">DarkSalmon</td><td align="left"><b><font color="DarkSalmon">深鲜肉(鲑鱼)色</font></b></td><td>#E9967A</td><td>233,150,122</td></tr><tr><td><b><font color="Tomato">颜色样例</font></b></td><td align="left">Tomato</td><td align="left"><b><font color="Tomato">番茄</font></b></td><td>#FF6347</td><td>255,99,71</td></tr><tr><td><b><font color="MistyRose">颜色样例</font></b></td><td align="left">MistyRose</td><td align="left"><b><font color="MistyRose">薄雾玫瑰</font></b></td><td>#FFE4E1</td><td>255,228,225</td></tr><tr><td><b><font color="Salmon">颜色样例</font></b></td><td align="left">Salmon</td><td align="left"><b><font color="Salmon">鲜肉(鲑鱼)色</font></b></td><td>#FA8072</td><td>250,128,114</td></tr><tr><td><b><font color="Snow">颜色样例</font></b></td><td align="left">Snow</td><td align="left"><b><font color="Snow">雪</font></b></td><td>#FFFAFA</td><td>255,250,250</td></tr><tr><td><b><font color="LightCoral">颜色样例</font></b></td><td align="left">LightCoral</td><td align="left"><b><font color="LightCoral">淡珊瑚色</font></b></td><td>#F08080</td><td>240,128,128</td></tr><tr><td><b><font color="RosyBrown">颜色样例</font></b></td><td align="left">RosyBrown</td><td align="left"><b><font color="RosyBrown">玫瑰棕色</font></b></td><td>#BC8F8F</td><td>188,143,143</td></tr><tr><td><b><font color="IndianRed">颜色样例</font></b></td><td align="left">IndianRed</td><td align="left"><b><font color="IndianRed">印度红</font></b></td><td>#CD5C5C</td><td>205,92,92</td></tr></tbody></table>
<h3>6、灰色系</h3>
<table><thead><tr><th>颜色样例</th><th align="left">英文代码</th><th align="left">中文颜色名称</th><th>HEX格式</th><th>RGB格式</th></tr></thead><tbody><tr><td><b><font color="White">颜色样例</font></b></td><td align="left">White</td><td align="left"><b><font color="White">纯白</font></b></td><td>#FFFFFF</td><td>255,255,255</td></tr><tr><td><b><font color="WhiteSmoke">颜色样例</font></b></td><td align="left">WhiteSmoke</td><td align="left"><b><font color="WhiteSmoke">白烟</font></b></td><td>#F5F5F5</td><td>245,245,245</td></tr><tr><td><b><font color="Gainsboro">颜色样例</font></b></td><td align="left">Gainsboro</td><td align="left"><b><font color="Gainsboro">Gainsboro</font></b></td><td>#DCDCDC</td><td>220,220,220</td></tr><tr><td><b><font color="LightGrey">颜色样例</font></b></td><td align="left">LightGrey</td><td align="left"><b><font color="LightGrey">浅灰色</font></b></td><td>#D3D3D3</td><td>211,211,211</td></tr><tr><td><b><font color="Silver">颜色样例</font></b></td><td align="left">Silver</td><td align="left"><b><font color="Silver">银白色</font></b></td><td>#C0C0C0</td><td>192,192,192</td></tr><tr><td><b><font color="DarkGray">颜色样例</font></b></td><td align="left">DarkGray</td><td align="left"><b><font color="DarkGray">深灰色</font></b></td><td>#A9A9A9</td><td>169,169,169</td></tr><tr><td><b><font color="Gray">颜色样例</font></b></td><td align="left">Gray</td><td align="left"><b><font color="Gray">灰色</font></b></td><td>#808080</td><td>128,128,128</td></tr><tr><td><b><font color="LightPink">DimGray</font></b></td><td align="left">DimGray</td><td align="left"><b><font color="DimGray">暗淡的灰色</font></b></td><td>#696969</td><td>105,105,105</td></tr><tr><td><b><font color="Black">颜色样例</font></b></td><td align="left">Black</td><td align="left"><font color="Black">纯黑</font></td><td>#000000</td><td>0,0,0</td></tr></tbody></table>
<hr>
<h2>📖 博主致谢</h2>
<p>感谢大家阅读到结尾，本次的文章就分享到这里，总结了<code>【前端开发：颜色代码速查表【英文颜色、HEX格式、RGB格式】】</code>，希望可以帮到大家，谢谢。</p>
<p>如果您觉得这篇文章有帮助到您的的话不妨【<code>关注+点赞+收藏+评论+转发</code> 】支持一下哟~~😛您的支持就是我更新的最大动力。👇👇👇👇👇👇<br> <img src="https://img-blog.csdnimg.cn/96ab5ad448e5443e8564df67ea8ad4ff.png#pic_center" alt="在这里插入图片描述"></p>
<hr>
<p><font color="CornflowerBlue"><b>🛩往期精彩：</b></font></p>
<p>vue实现视频播放器功能，你学会了吗</p>
<p>vue实现图片预览功能，提高你的开发效率</p>
<p>前端获取当前系统时间/日期(vue写法)</p>
<p>vue后台管理做适配的最佳方案，你知道吗？</p>
<p>前端引入阿里图标库的最便捷方式</p><br><br>
来源：https://www.cnblogs.com/chenchunbo/p/16395480.html
頁:
[1]