W3.CSS Color (Libraries)
颜色库
颜色库是小型 CSS 文件,包含常用的颜色值,如安全标准、交通指示牌颜色、时尚颜色、伪装颜色等。
禁止
通行
注意
指令
如何使用颜色库
颜色库很容易使用。只需在你的网页中添加一个到颜色库的链接:
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3-colors-highway.css">
接着给你想着色的HTML元素添加一个类名:
实例
<div class="w3-highway-red">禁止</div>
<div class="w3-highway-green">通行</div>
<div class="w3-highway-yellow">注意</div>
<div class="w3-highway-blue">指令</div>
<div class="w3-highway-green">通行</div>
<div class="w3-highway-yellow">注意</div>
<div class="w3-highway-blue">指令</div>
尝试一下 »
中国交通标志指示牌的颜色,下载此CSS
w3-higtway-棕色
w3-higtway-红色
w3-higtway-橙色
w3-higtway-绿色
w3-higtway-蓝色
w3-higtway-白色
w3-higtway-金色
w3-higtway-荧光色
w3-higtway-黑色
中国的安全色 下载此CSS
w3-higtway-红色
w3-higtway-绿色
w3-higtway-黄色
w3-higtway-蓝色
欧洲交通信号颜色 下载此CSS
w3-signal-黄色
w3-signal-橙色
w3-signal-红色
w3-signal-紫罗兰色
w3-signal-蓝色
w3-signal-绿色
w3-signal-灰色
w3-signal-棕色
w3-signal-白色
w3-signal-黑色
2019秋冬时尚色/ 2020秋冬时尚色 下载此CSS
Chili Fiesta
Biking Red
Crème de Pêche
Peach Pink
Rocky Road
Fruit Dove
Sugar Almond
Dark Cheddar
Galaxy Blue
Bluestone
Orange Tiger
Eden
2019年秋/ 2020年冬
Vanilla Custard
Evening Blue
Paloma
Guacamole
2019年春夏流行色
Fiesta
Jester Red
Turmeric
Living Coral
Pink Peacock
Pepper Stem
Aspen Gold
Princess Blue
Toffee
Mango Mojito
Terrarium Moss
Sweet Lilac
Soybean
Eclipse
Sweet Corn
Brown Granite
2018年流行色 下载此CSS
w3-2018-red-pear
w3-2018-valiant-poppy
w3-2018-nebulas-blue
w3-2018-ceylon-yellow
w3-2018-martini-olive
w3-2018-russet-orange
w3-2018-ultra-violet
w3-2018-crocus-petal
w3-2018-limelight
w3-2018-quetzal-green
w3-2018-sargasso-sea
w3-2018-tofu
w3-2018-almond-buff
w3-2018-quiet-gray
w3-2018-meerkat
w3-2018-meadowlark
w3-2018-cherry-tomato
w3-2018-little-boy-blue
w3-2018-chili-oil
w3-2018-blooming-dahlia
w3-2018-arcadia
w3-2018-pink-emperador
w3-2018-almost-mauve
w3-2018-spring-crocus
w32018-lime-punch
w3-2018-sailor-blue
w3-2018-harbor-mist
w3-2018-warm-sand
w3-2018-coconut-milk
2017年流行色 下载此CSS
w3-2017-greenery
w3-2017-grenadine
w3-2017-tawny-port
w3-2017-ballet-slipper
w3-2017-butterum
w3-2017-navy-peony
w3-2017-neutral-grey
w3-2017-shaded-spruce
w3-2017-golden-lime
w3-2017-marina
w3-2017-autumn-maple
w3-2017-niagra
w3-2017-primrose-yellow
w3-2017-lapis-blue
w3-2017-flame
w3-2017-island-paradise
w3-2017-pale-dogwood
w3-2017-pink-yarrow
w3-2017-kale
w3-2017-hazelnut
食物的颜色 下载此CSS
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-食物-番茄
w3-食物-小麦
w3-食物-葡萄酒
迷彩颜色 下载此CSS
w3-迷彩-棕色
w3-迷彩-红色
w3-迷彩-紫罗兰色
w3-迷彩-田野色
w3-迷彩-土色
w3-迷彩-沙色
w3-迷彩-古铜色
w3-迷彩-砂岩色
w3-迷彩-暗绿色
w3-迷彩-森林色
w3-迷彩-青绿色
w3-迷彩-绿色
w3-迷彩-暗灰色
w3-迷彩-灰色
w3-迷彩-黑色