色庫
顏色庫包含類似的安全標準,公路的色彩,時尚的色彩,軍隊迷彩顏色,比較常用的顏色值小的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-食品酒 |