最新的Web開發教程
 

W3.CSS色庫


色庫

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

<div class="w3-safety-red">DANGER</div>
試一試» 下載CSS»

迷彩的顏色

名稱
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-食品酒