最新的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-食品酒