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

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

本页面为 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`
	`#`
	`#`
	`#`
	`#`
	`#`
	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`
	`#`	style="background:#;"	-	`#`
	`#`

CSS4

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

@@ 第56行： / 第56行： @@
 || <code>aquamarine</code> || <code>#7fffd4</code> || style="background:#7fffd4;" |
 |-
-|| <code>azure</code> || <code>#7fffd4</code> || style="background:#7fffd4;" |
+|| <code>azure</code> || <code>#f0ffff</code> || style="background:#f0ffff;" |
 |-
 || <code>beige</code> || <code>#f5f5dc</code> || style="background:#f5f5dc;" |
@@ 第62行： / 第62行： @@
 || <code>bisque</code> || <code>#ffe4c4</code> || style="background:#ffe4c4;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>blanchedalmond</code> || <code>#ffebcd</code> || style="background:#ffebcd;" |
+|-
+|| <code>blueviolet</code> || <code>#8a2be2</code> || style="background:#8a2be2;" |
+|-
+|| <code>brown</code> || <code>#a52a2a</code> || style="background:#a52a2a;" |
+|-
+|| <code>burlywood</code> || <code>#deb887</code> || style="background:#deb887;" |
+|-
+|| <code>cadetblue</code> || <code>#5f9ea0</code> || style="background:#5f9ea0;" |
+|-
+|| <code>chartreuse</code> || <code>#7fff00</code> || style="background:#7fff00;" |
+|-
+|| <code>chocolate</code> || <code>#d2691e</code> || style="background:#d2691e;" |
+|-
+|| <code>coral</code> || <code>#ff7f50</code> || style="background:#ff7f50;" |
+|-
+|| <code>cornflowerblue</code> || <code>#6495ed</code> || style="background:#6495ed;" |
+|-
+|| <code>cornsilk</code> || <code>#fff8dc</code> || style="background:#fff8dc;" |
+|-
+|| <code>cyan</code> || <code>#00ffff</code> || style="background:#00ffff;" |
+|-
+|| <code>darkblue</code> || <code>#00008b</code> || style="background:#00008b;" |
+|-
+|| <code>darkcyan</code> || <code>#008b8b</code> || style="background:#008b8b;" |
+|-
+|| <code>darkgoldenrod</code> || <code>#b8860b</code> || style="background:#b8860b;" |
+|-
+|| <code>darkgray</code> || <code>#a9a9a9</code> || style="background:#a9a9a9;" |
+|-
+|| <code>darkgreen</code> || <code>#006400</code> || style="background:#006400;" |
+|-
+|| <code>darkgrey</code> || <code>#a9a9a9</code> || style="background:#a9a9a9;" |
+|-
+|| <code>darkkhaki</code> || <code>#bdb76b</code> || style="background:#bdb76b;" |
+|-
+|| <code>darkmagenta</code> || <code>#8b008b</code> || style="background:#8b008b;" |
+|-
+|| <code>darkolivegreen</code> || <code>#556b2f</code> || style="background:#556b2f;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darkorange</code> || <code>#ff8c00</code> || style="background:#ff8c00;" |
 |-
+|| <code>darkorchid</code> || <code>#9932cc</code> || style="background:#9932cc;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darkred</code> || <code>#8b0000</code> || style="background:#8b0000;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darksalmon</code> || <code>#e9967a</code> || style="background:#e9967a;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darkseagreen</code> || <code>#8fbc8f</code> || style="background:#8fbc8f;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darkslateblue</code> || <code>#483d8b</code> || style="background:#483d8b;" |
 |-
-|| <code></code> || <code>#</code> || style="background:#;" |
+|| <code>darkslategray</code> || <code>#2f4f4f</code> || style="background:#2f4f4f;" |
 |-
 || <code></code> || <code>#</code> || style="background:#;" |
@@ 第87行： / 第126行： @@
 || <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:#;" ||-
 || <code></code> || <code>#</code> || style="background:#;" |
 |-
+|| <code></code> || <code>#</code> || style="background:#;" ||-
 || <code></code> || <code>#</code> || style="background:#;" |
 |-
 || <code></code> || <code>#</code> || style="background:#;" |
 |}