查看“color/颜色列表”的源代码

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

== CSS ==
=== CSS1 ===
{| class="wikitable sortable"
! 名称 !! Hex !! 颜色
|-
|| <code>black</code> || <code>#000000</code> || style="background:#000000;" |
|-
|| <code>silver</code> || <code>#c0c0c0</code> || style="background:#c0c0c0;" |
|-
|| <code>gray</code> || <code>#808080</code> || style="background:#808080;" |
|-
|| <code>white</code> || <code>#ffffff</code> || style="background:#ffffff;" |
|-
|| <code>maroon</code> || <code>#800000</code> || style="background:#800000;" |
|-
|| <code>red</code> || <code>#ff0000</code> || style="background:#ff0000;" |
|-
|| <code>purple</code> || <code>#800080</code> || style="background:#800080;" |
|-
|| <code>fuchsia</code> || <code>#ff00ff</code> || style="background:#ff00ff;" |
|-
|| <code>green</code> || <code>#008000</code> || style="background:#008000;" |
|-
|| <code>lime</code> || <code>#00ff00</code> || style="background:#00ff00;" |
|-
|| <code>olive</code> || <code>#808000</code> || style="background:#808000;" |
|-
|| <code>yellow</code> || <code>#ffff00</code> || style="background:#ffff00;" |
|-
|| <code>navy</code> || <code>#000080</code> || style="background:#000080;" |
|-
|| <code>blue</code> || <code>#0000ff</code> || style="background:#0000ff;" |
|-
|| <code>teal</code> || <code>#008080</code> || style="background:#008080;" |
|-
|| <code>aqua</code> || <code>#00ffff</code> || style="background:#00ffff;" |
|}

=== CSS2 ===
{| class="wikitable sortable"
! 名称 !! Hex !! 颜色
|-
|| <code>orange</code> || <code>#ffa500</code> || style="background:#ffa500;" |
|}

=== CSS3 ===
{| class="wikitable sortable"
! 名称 !! Hex !! 颜色
|-
|| <code>aliceblue</code> || <code>#f0f8ff</code> || style="background:#f0f8ff;" |
|-
|| <code>antiquewhite</code> || <code>#faebd7</code> || style="background:#faebd7;" |
|-
|| <code>aquamarine</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;" |
|-
|| <code>bisque</code> || <code>#ffe4c4</code> || style="background:#ffe4c4;" |
|-
|| <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>darkorange</code> || <code>#ff8c00</code> || style="background:#ff8c00;" |
|-
|| <code>darkorchid</code> || <code>#9932cc</code> || style="background:#9932cc;" |
|-
|| <code>darkred</code> || <code>#8b0000</code> || style="background:#8b0000;" |
|-
|| <code>darksalmon</code> || <code>#e9967a</code> || style="background:#e9967a;" |
|-
|| <code>darkseagreen</code> || <code>#8fbc8f</code> || style="background:#8fbc8f;" |
|-
|| <code>darkslateblue</code> || <code>#483d8b</code> || style="background:#483d8b;" |
|-
|| <code>darkslategray</code> || <code>#2f4f4f</code> || style="background:#2f4f4f;" |
|-
|| <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:#;" ||-
|| <code></code> || <code>#</code> || style="background:#;" |
|-
|| <code></code> || <code>#</code> || style="background:#;" ||-
|| <code></code> || <code>#</code> || style="background:#;" |
|-
|| <code></code> || <code>#</code> || style="background:#;" |
|}

=== CSS4 ===
{| class="wikitable sortable"
! 名称 !! Hex !! 颜色
|-
|| <code>rebeccapurple</code> || <code>#663399</code> || style="background:#663399;" |
|}

== Material Design ==