color/颜色列表：修订间差异

2023年2月18日 (六) 11:23的版本

本页面为 CSS 颜色和 Material Design 颜色的所有列表。

斜体名称为支持但不会显示的别名。

CSS

CSS1

名称	Hex	颜色
`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`

CSS2

名称	Hex	颜色
`orange`	`#ffa500`

CSS3

名称	Hex	颜色
`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`
`cyan`	`#00ffff`
`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`	`#696959`
`dimgrey`	`#696969`
`dodgerblue`	`#1e90ff`
`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`	`#b0c4be`
`lightyellow`	`#ffffe0`
`limegreen`	`#32cd32`
`linen`	`#faf0e6`
`magenta`	`#ff00ff`
`mediumaquamarine`	`#66cdaa`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`

CSS4

名称	Hex	颜色
`rebeccapurple`	`#663399`

@@ 第177行： / 第177行： @@
 |-
 || <code>lightgoldenrodyellow</code> || <code>#fafad2</code> || style="background:#fafad2;" |
+|-
+|| <code>lightgray</code> || <code>#d3d3d3</code> || style="background:#d3d3d3;" |
+|-
+|| <code>lightgreen</code> || <code>#90ee90</code> || style="background:#90ee90;" |
+|-
+|| ''<code>lightgrey</code>'' || <code>#d3d3d3</code> || style="background:#d3d3d3;" |
+|-
+|| <code>lightpink</code> || <code>#ffb6c1</code> || style="background:#ffb6c1;" |
+|-
+|| <code>lightsalmon</code> || <code>#ffa07a</code> || style="background:#ffa07a;" |
+|-
+|| <code>lightseagreen</code> || <code>#20b2aa</code> || style="background:#20b2aa;" |
+|-
+|| <code>lightskyblue</code> || <code>#87cefa</code> || style="background:#87cefa;" |
+|-
+|| <code>lightslategray</code> || <code>#778899</code> || style="background:#778899;" |
+|-
+|| ''<code>lightslategrey</code>'' || <code>#778899</code> || style="background:#778899;" |
+|-
+|| <code>lightsteelblue</code> || <code>#b0c4be</code> || style="background:#b0c4be;" |
+|-
+|| <code>lightyellow</code> || <code>#ffffe0</code> || style="background:#ffffe0;" |
+|-
+|| <code>limegreen</code> || <code>#32cd32</code> || style="background:#32cd32;" |
+|-
+|| <code>linen</code> || <code>#faf0e6</code> || style="background:#faf0e6;" |
+|-
+|| <code>magenta</code> || <code>#ff00ff</code> || style="background:#ff00ff;" |
+|-
+|| <code>mediumaquamarine</code> || <code>#66cdaa</code> || style="background:#66cdaa;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
+|-
+|| <code></code> || <code>#</code> || style="background:#;" |
 |-
 || <code></code> || <code>#</code> || style="background:#;" |
@@ 第183行： / 第255行： @@
 |-
 || <code></code> || <code>#</code> || style="background:#;" |
 |}