色庫
顏色庫包含類似的安全標準，公路的色彩，時尚的色彩，軍隊迷彩顏色，比較常用的顏色值小的CSS文件。
黃河公路
顏色庫非常容易使用。 只需添加一個庫鏈接到您的網頁：
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
和類名的HTML元素要的顏色：
<div class="w3-highway-yellow">Highway Yellow
試一試» 美國高速公路顏色
| 名稱 |
|---|
| W3公路褐色 |
| W3高速公路紅 |
| W3公路橙色 |
| W3公路，校車 |
| W3高速公路黃色 |
| W3-高速公路綠色 |
| W3公路藍 |
例
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
試一試» 下載CSS» 你可以閱讀更多關於公路顏色聯邦標準595 。
美國安全色
| 名稱 |
|---|
| W3安全紅 |
| W3安全橙色 |
| W3-安全黃 |
| W3安全綠色 |
| W3安全藍 |
| W3-安全紫 |
你可以閱讀更多關於安全色聯邦標準595 。
迷彩的顏色
| 名稱 |
|---|
| W3-迷彩棕色 |
| W3-迷彩紅 |
| W3-迷彩橄欖色 |
| W3-迷彩場 |
| W3-迷彩地球 |
| W3-迷彩沙 |
| W3-迷彩曬黑 |
| W3-迷彩砂岩 |
| W3-迷彩暗綠色 |
| W3-迷彩林 |
| W3-迷彩光綠色 |
| W3-迷彩綠 |
| W3-迷彩暗灰色 |
| W3-迷彩灰色 |
| W3-迷彩黑 |
你可以閱讀更多關於迷彩的顏色聯邦標準595 。
例
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
試一試» 下載CSS» 生動的色彩
| 顏色名稱 |
|---|
| W3-生動的粉紅色 |
| W3-生動的紅色 |
| W3-生動的橙色 |
| W3-生動黃色 |
| W3-生動的綠色 |
| W3-生動的藍色 |
| W3-生動紫 |
| W3-生動的紫色 |
| W3-生動的黑色 |
| W3-生動白 |
| W3-生動，黃粉色 |
| W3-生動，紅橙色 |
| W3-生動的橙色，黃色 |
| W3-生動，黃綠色 |
| W3-生動 - 黃 - 綠 |
| W3-生動，黃綠色 |
| W3-生動，藍綠色 |
| W3-生動 - 綠 - 藍 |
| W3-生動，紫色，藍色 |
| W3-生動，紫紅色 |
| WW3生動的，紫紅色 |
你可以閱讀更多關於鮮豔的色彩ISCC-NBS 。
例
<div class="w3-vivid-red">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area
of over 13 million inhabitants.</p>
</div>
試一試» 下載CSS» 歐洲的信號顏色
| 顏色Nameeee |
|---|
| W3 - 信號 - 黃色 |
| W3-信號橙色 |
| W3 - 信號 - 紅 |
| W3-信號紫 |
| W3 - 信號 - 藍 |
| W3-信號綠色 |
| W3-信號灰 |
| W3-信號褐色 |
| W3信號白 |
| W3 - 信號 - 黑 |
你可以閱讀更多關於歐洲的信號顏色的RAL顏色標準 。
例
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
試一試» 下載CSS» 食品色素
| 名稱 |
|---|
| W3-食品蘋果 |
| W3-食品aspargus |
| W3-食品杏 |
| W3-食品茄子 |
| W3-食品鱷梨 |
| W3-食品香蕉 |
| W3食品黃油 |
| W3-食品藍莓 |
| W3食品櫻桃 |
| W3食品巧克力 |
| W3-食品蔓越莓 |
| W3食品咖啡 |
| W3-食品雞蛋 |
| W3食品葡萄 |
| W3-食品獼猴桃 |
| W3食品檸檬 |
| W3食品石灰 |
| W3-食品芒果 |
| W3-食品蘑菇 |
| W3-食品芥末 |
| W3食品薄荷 |
| W3-食品橄欖油 |
| W3食品橙色 |
| W3-食品豌豆 |
| W3-食品桃子 |
| W3食品梨 |
| W3-食品開心果 |
| W3食品梅 |
| W3-食品覆盆子 |
| W3-食品紅花 |
| W3-食品三文魚 |
| W3-食品留蘭香 |
| W3-食品南瓜 |
| W3食品草莓 |
| W3-食品西紅柿 |
| W3-食品小麥 |
| W3-食品酒 |