W3.CSS 顏色
W3.CSS 中使用的預設配色方案靈感來自 Material Design 顏色（用於營銷、路標和便利貼的顏色）。
給 HTML 元素著色
w3-color 和 w3-text-color 類可用於為任何 HTML 元素著色
容器
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
按鈕
文字
紅色 紫色 藍色 綠色 橙色
邊框
紅色
綠色
藍色
黃色
灰色
黑色
表格
| 名稱 | 分數 |
|---|---|
| Jill Smith | 50 |
| Eve Jackson | 94 |
| Adam Johnson | 67 |
卡片
汽車是一種帶輪子的、自力驅動的機動車，用於交通運輸。該術語的大多數定義規定，汽車設計用於主要在道路上行駛，可供一到八人乘坐，通常有四個輪子。（維基百科）
背景顏色
w3-color 類為任何 HTML 元素設定背景顏色
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
示例
<div class="w3-red">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，</p>
大都市區人口超過 900 萬。（維基百科）</p>
</div>
<div class="w3-yellow">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，</p>
大都市區人口超過 900 萬。（維基百科）</p>
</div>
<div class="w3-gray">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，</p>
大都市區人口超過 900 萬。（維基百科）</p>
</div>
自己試試 »
在所有 W3.CSS 類中，gray 和 grey 是可互換的。
文字顏色
w3-text-color 類為任何 HTML 元素設定文字顏色
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
示例
<div class="w3-text-red">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，</p>
大都市區人口超過 900 萬。（維基百科）</p>
</div>
懸停顏色
w3-hover-color 類為任何 HTML 元素定義背景懸停顏色
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
示例
<div class="w3-container w3-orange w3-hover-red">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，大都市區人口超過 900 萬。（維基百科）</p>
</div>
自己試試 »
w3-hover-text-color 類為任何 HTML 元素定義文字懸停顏色
London
倫敦是英國人口最多的城市，都會區超過 900 萬居民。
示例
<div class="w3-container w3-orange w3-hover-text-white">
<h2>倫敦</h2>
<p>倫敦是英國人口最多的城市，大都市區人口超過 900 萬。（維基百科）</p>
</div>
自己試試 »
顏色庫
除了標準的 W3.CSS 顏色外，W3.CSS 還可以使用許多不同的顏色庫中的顏色
Windows 顏色
酸橙色
綠色
橄欖色
翡翠綠
水鴨色
鋼藍色
青色
藍色
靛藍色
鈷藍
紫羅蘭色
紫羅蘭色
粉色
洋紅色
紅色
橙子
琥珀色
黃色
棕色
灰褐色
赭色
深紅色
時尚顏色
火焰紅
綠色
海軍藍
報春花色
黃色
黃色
中性灰
陰影色
雲杉綠
雲杉綠
海軍藍
牡丹粉
牡丹粉
褐紅色
酒紅色
酒紅色
公路顏色
紅色
綠色
藍色
黃色
在本教程的後續章節中，您將學到更多關於顏色的知識。
