“HTML颜色名称”的版本间差异
本页内容
（创建页面，内容为“所有现代浏览器都支持以下 140 种颜色名称： <html> <article id="names" class="js-content" vocab="https://schema.org/" typeof="Article"> <section id="red"> <div class="color-group"> <h2 class="color-group__title">Red HTML Color Names</h2> <table class="color-table"> <thead class="color-table__head"> <tr class="color-table__row"> <th class="color-table__cell color-table__cell--color">Co…”） |
无编辑摘要 |
||
| （未显示同一用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
[[Category:颜色教程]] | |||
所有现代浏览器都支持以下 140 种颜色名称： | 所有现代浏览器都支持以下 140 种颜色名称： | ||
<html> | <html> | ||
<table class="table "> | |||
<thead> | |||
<tr> | |||
<th scope="col">规范</th> | |||
<th scope="col">颜色</th> | |||
<th scope="col">关键字</th> | |||
<th scope="col">RGB 十六进制数</th> | |||
<th scope="col">实样</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
<tr style="position: relative;"> | |||
<td rowspan="16"><a href="https://www.w3.org/TR/CSS1/" hreflang="en" lang="en" class="external" title="CSS Level 1" rel=" noopener">CSS Level 1</a></td> | |||
<td style="background: #000;"></td> | |||
<td style="text-align: center;"><code>black</code>（黑）</td> | |||
<td><code>#000000</code></td> | |||
<td style="background: black;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #C0C0C0;"></td> | |||
<td style="text-align: center;"><code>silver</code>（银）</td> | |||
<td><code>#c0c0c0</code></td> | |||
<td style="background: silver;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #808080;"></td> | |||
<td style="text-align: center;"><code>gray</code>（灰）</td> | |||
<td><code>#808080</code></td> | |||
<td style="background: gray;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #FFF;"></td> | |||
<td style="text-align: center;"><code>white</code>（白）</td> | |||
<td><code>#ffffff</code></td> | |||
<td style="background: white;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #800000;"></td> | |||
<td style="text-align: center;"><code>maroon</code>（褐）</td> | |||
<td><code>#800000</code></td> | |||
<td style="background: maroon;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #F00;"></td> | |||
<td style="text-align: center;"><code>red</code>（红）</td> | |||
<td><code>#ff0000</code></td> | |||
<td style="background: red;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #800080;"></td> | |||
<td style="text-align: center;"><code>purple</code>（紫）</td> | |||
<td><code>#800080</code></td> | |||
<td style="background: purple;"></td> | |||
</tr> | |||
<tr> | |||
<td style="background: #F0F;"></td> | |||
<td style="text-align: center;"><code>fuchsia</code>（紫红）</td> | |||
<td | |||
</html> | </html> | ||
2022年8月3日 (三) 22:23的最新版本
所有现代浏览器都支持以下 140 种颜色名称：
| 规范 | 颜色 | 关键字 | RGB 十六进制数 | 实样 |
|---|---|---|---|---|
| CSS Level 1 | black（黑） |
#000000 |
||
silver（银） |
#c0c0c0 |
|||
gray（灰） |
#808080 |
|||
white（白） |
#ffffff |
|||
maroon（褐） |
#800000 |
|||
red（红） |
#ff0000 |
|||
purple（紫） |
#800080 |
|||
fuchsia（紫红） |
#ff00ff |
|||
green（绿） |
#008000 |
|||
lime（绿黄） |
#00ff00 |
|||
olive（橄榄绿） |
#808000 |
|||
yellow（黄） |
#ffff00 |
|||
navy（藏青） |
#000080 |
|||
blue（蓝） |
#0000ff |
|||
teal（青） |
#008080 |
|||
aqua（水绿） |
#00ffff |
|||
| CSS Level 2 (Revision 1) | orange（橙） |
#ffa500 |
||
| CSS Color Module Level 3 | aliceblue（浅灰蓝） |
#f0f8ff |
||
antiquewhite（古董白） |
#faebd7 |
|||
aquamarine（海蓝） |
#7fffd4 |
|||
azure（蔚蓝） |
#f0ffff |
|||
beige（浅褐） |
#f5f5dc |
|||
bisque（橘黄） |
#ffe4c4 |
|||
blanchedalmond（杏仁白） |
#ffebcd |
|||
blueviolet（蓝紫） |
#8a2be2 |
|||
brown（褐） |
#a52a2a |
|||
burlywood（原木色） |
#deb887 |
|||
cadetblue（灰蓝） |
#5f9ea0 |
|||
chartreuse（黄绿） |
#7fff00 |
|||
chocolate（巧克力色） |
#d2691e |
|||
coral（珊瑚红） |
#ff7f50 |
|||
cornflowerblue（矢车菊蓝） |
#6495ed |
|||
cornsilk（玉米穗黄） |
#fff8dc |
|||
crimson（深红） |
#dc143c |
|||
darkblue（深蓝） |
#00008b |
|||
darkcyan（深青） |
#008b8b |
|||
darkgoldenrod（暗金） |
#b8860b |
|||
darkgray[*]（深灰） |
#a9a9a9 |
|||
darkgreen（深绿） |
#006400 |
|||
darkgrey[*]（深灰） |
#a9a9a9 |
|||
darkkhaki（暗黄褐） |
#bdb76b |
|||
darkmagenta（深紫） |
#8b008b |
|||
darkolivegreen（深橄榄绿） |
#556b2f |
|||
darkorange（深橙） |
#ff8c00 |
|||
darkorchid（深兰花紫） |
#9932cc |
|||
darkred（深红） |
#8b0000 |
|||
darksalmon（深橙红） |
#e9967a |
|||
darkseagreen（深海绿） |
#8fbc8f |
|||
darkslateblue（暗灰蓝） |
#483d8b |
|||
darkslategray[*]（墨绿） |
#2f4f4f |
|||
darkslategrey[*]（墨绿） |
#2f4f4f |
|||
darkturquoise（暗宝石绿） |
#00ced1 |
|||
darkviolet（深紫罗兰） |
#9400d3 |
|||
deeppink（深粉红） |
#ff1493 |
|||
deepskyblue（深天蓝） |
#00bfff |
|||
dimgray[*]（暗灰） |
#696969 |
|||
dimgrey[*]（暗灰） |
#696969 |
|||
dodgerblue（遮板蓝） |
#1e90ff |
|||
firebrick（砖红） |
#b22222 |
|||
floralwhite（花白） |
#fffaf0 |
|||
forestgreen（丛林绿） |
#228b22 |
|||
gainsboro（浅灰） |
#dcdcdc |
|||
ghostwhite（幽灵白） |
#f8f8ff |
|||
gold（金） |
#ffd700 |
|||
goldenrod（橘黄） |
#daa520 |
|||
greenyellow（黄绿） |
#adff2f |
|||
grey（灰） |
#808080 |
|||
honeydew（蜜瓜色） |
#f0fff0 |
|||
hotpink（亮粉） |
#ff69b4 |
|||
indianred（印第安红） |
#cd5c5c |
|||
indigo（靛蓝） |
#4b0082 |
|||
ivory（象牙白） |
#fffff0 |
|||
khaki（卡其色） |
#f0e68c |
|||
lavender（淡紫） |
#e6e6fa |
|||
lavenderblush（淡紫红） |
#fff0f5 |
|||
lawngreen（草绿） |
#7cfc00 |
|||
lemonchiffon（粉黄） |
#fffacd |
|||
lightblue（淡蓝） |
#add8e6 |
|||
lightcoral（浅珊瑚色） |
#f08080 |
|||
lightcyan（淡青） |
#e0ffff |
|||
lightgoldenrodyellow（浅金黄） |
#fafad2 |
|||
lightgray[*]（浅灰） |
#d3d3d3 |
|||
lightgreen（浅绿） |
#90ee90 |
|||
lightgrey[*]（浅灰） |
#d3d3d3 |
|||
lightpink（淡粉） |
#ffb6c1 |
|||
lightsalmon（浅肉色） |
#ffa07a |
|||
lightseagreen（浅海绿） |
#20b2aa |
|||
lightskyblue（浅天蓝） |
#87cefa |
|||
lightslategray[*]（浅青灰） |
#778899 |
|||
lightslategrey[*]（浅青灰） |
#778899 |
|||
lightsteelblue（浅钢蓝） |
#b0c4de |
|||
lightyellow（浅黄） |
#ffffe0 |
|||
limegreen（酸橙绿） |
#32cd32 |
|||
linen（亚麻色） |
#faf0e6 |
|||
mediumaquamarine（中绿） |
#66cdaa |
|||
mediumblue（中蓝） |
#0000cd |
|||
mediumorchid（间兰花紫） |
#ba55d3 |
|||
mediumpurple（中紫） |
#9370db |
|||
mediumseagreen（间海绿） |
#3cb371 |
|||
mediumslateblue（中暗蓝） |
#7b68ee |
|||
mediumspringgreen（中春绿） |
#00fa9a |
|||
mediumturquoise（中海湖蓝） |
#48d1cc |
|||
mediumvioletred（中紫罗兰） |
#c71585 |
|||
midnightblue（午夜蓝） |
#191970 |
|||
mintcream（薄荷乳白） |
#f5fffa |
|||
mistyrose（粉玫瑰红） |
#ffe4e1 |
|||
moccasin（鹿皮色） |
#ffe4b5 |
|||
navajowhite（纳瓦白） |
#ffdead |
|||
oldlace（浅米色） |
#fdf5e6 |
|||
olivedrab（橄榄褐） |
#6b8e23 |
|||
orangered（橙红） |
#ff4500 |
|||
orchid（兰花紫） |
#da70d6 |
|||
palegoldenrod（灰菊黄） |
#eee8aa |
|||
palegreen（苍绿） |
#98fb98 |
|||
paleturquoise（苍宝石绿） |
#afeeee |
|||
palevioletred（苍紫罗兰） |
#db7093 |
|||
papayawhip（木瓜色） |
#ffefd5 |
|||
peachpuff（桃色） |
#ffdab9 |
|||
peru（秘鲁色） |
#cd853f |
|||
pink（粉） |
#ffc0cb |
|||
plum（李子色） |
#dda0dd |
|||
powderblue（粉蓝） |
#b0e0e6 |
|||
rosybrown（玫瑰粽） |
#bc8f8f |
|||
royalblue（宝蓝） |
#4169e1 |
|||
saddlebrown（马鞍棕） |
#8b4513 |
|||
salmon（鲑肉色） |
#fa8072 |
|||
sandybrown（沙褐色） |
#f4a460 |
|||
seagreen（海绿） |
#2e8b57 |
|||
seashell（贝壳白） |
#fff5ee |
|||
sienna（赭） |
#a0522d |
|||
skyblue（天蓝） |
#87ceeb |
|||
slateblue（青蓝） |
#6a5acd |
|||
slategray[*]（青灰） |
#708090 |
|||
slategrey[*]（青灰） |
#708090 |
|||
snow（雪白） |
#fffafa |
|||
springgreen（春绿） |
#00ff7f |
|||
steelblue（铁青） |
#4682b4 |
|||
tan（棕褐） |
#d2b48c |
|||
thistle（苍紫） |
#d8bfd8 |
|||
tomato（番茄红） |
#ff6347 |
|||
turquoise（蓝绿） |
#40e0d0 |
|||
violet（紫罗兰色） |
#ee82ee |
|||
wheat（麦色） |
#f5deb3 |
|||
whitesmoke（烟白） |
#f5f5f5 |
|||
yellowgreen（黄绿） |
#9acd32 |
|||
| CSS Color Module Level 4 | rebeccapurple（利百加紫） | #663399 |