色库
颜色库包含类似的安全标准,公路的色彩,时尚的色彩,军队迷彩颜色,比较常用的颜色值小的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-食品酒 |