HTML 颜色值


颜色由红(R)、绿(G)、蓝(B)组成。

颜色值由十六进制来表示红、绿、蓝(RGB)。

每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。

十六进制值的写法为#号后跟三个或六个十六进制字符。

三位数表示

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<div class="example">
<h2 class="example">颜色实例</h2>
<table class="reference">
  <tbody><tr>
    <th style="width:25%">颜色</th>
    <th style="width:25%">3位十六进制颜色值</th>
    <th style="width:25%">6位十六进制颜色值</th>
    <th>RGB</th>
  </tr>
  <tr>
    <td style="background-color:#000000"> </td>
    <td>#000</td>
    <td>#000000</td>
    <td>rgb(0,0,0)</td>
  </tr>
  <tr>
    <td style="background-color:#FF0000"> </td>
    <td>#F00</td>
    <td>#FF0000</td>
    <td>rgb(255,0,0)</td>
  </tr>
  <tr>
    <td style="background-color:#00FF00"> </td>
    <td>#0F0</td>
    <td>#00FF00</td>
    <td>rgb(0,255,0)</td>
  </tr>
  <tr>
    <td style="background-color:#0000FF"> </td>
    <td>#00F</td>
    <td>#0000FF</td>
    <td>rgb(0,0,255)</td>
  </tr>
  <tr>
    <td style="background-color:#FFFF00"> </td>
    <td>#FF0</td>
    <td>#FFFF00</td>
    <td>rgb(255,255,0)</td>
  </tr>
  <tr>
    <td style="background-color:#00FFFF"> </td>
    <td>#0FF</td>
    <td>#00FFFF</td>
    <td>rgb(0,255,255)</td>
  </tr>
  <tr>
    <td style="background-color:#FF00FF"> </td>
    <td>#F0F</td>
    <td>#FF00FF</td>
    <td>rgb(255,0,255)</td>
  </tr>
  <tr>
    <td style="background-color:#C0C0C0"> </td>
    <td>#888</td>
    <td>#888888</td>
    <td>rgb(136,136,136)</td>
  </tr>
  <tr>
    <td style="background-color:#FFFFFF"> </td>
    <td>#FFF</td>
    <td>#FFFFFF</td>
    <td>rgb(255,255,255)</td>
  </tr>
</tbody></table>
<br><a target="_blank" href="../try/tryit--filename-tryhtml_colorhex.html" class="tryitbtn">尝试一下 »</a>
</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

法为:#RGB,转换为6位数表示为:#RRGGBB。



通过十六进制(Hex)的颜色值排序

查看以颜色名称排序的颜色列表

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