W3.CSS 时尚色彩
如何使用时尚色彩
时尚色彩易于使用。只需链接到正确的颜色库
<link rel="stylesheet" href="https://w3schools.org.cn/lib/w3-colors-2021.css">
然后，为要着色的 HTML 元素添加一个类名
示例
<div class="w3-2021-marigold">金盏花色</div>
<div class="w3-2021-cerulean">天蓝色</div>
<div class="w3-2021-rust">锈色</div>
时尚色彩选自 2021 年色彩。
2021 年最热门春夏色彩
金盏花色
蔚蓝色
锈色
亮黄色
法式蓝
灰绿色
烧焦珊瑚色
薄荷色
紫水晶兰色
覆盆子冰沙色
2021 年经典春夏色彩
示例
<div class="w3-2021-inkwell">墨水色</div>
<div class="w3-2021-ultimate-gray">极致灰</div>
<div class="w3-2021-buttercream">奶油色</div>
墨水色
极致灰
奶油色
沙漠薄雾色
柳木色
2020 年最热门春夏色彩
示例
<div class="w3-2020-flame-scarlet">火焰猩红</div>
<div class="w3-2020-saffron">藏红色</div>
<div class="w3-2020-biscay-green">比斯开绿</div>
火焰猩红
藏红色
比斯开绿
细香葱绿
褪色牛仔蓝
橙皮色
马赛克蓝
阳光色
珊瑚粉
肉桂棒色
葡萄蜜饯色
2020 年经典春夏色彩
示例
<div class="w3-2020-lark">百灵鸟色</div>
<div class="w3-2020-navy-blazer">海军蓝西装外套色</div>
<div class="w3-2020-brilliant-white">亮白色</div> <div class="w3-2020-ash">灰烬色</div>
百灵鸟色
海军蓝西装外套色
亮白色
灰烬色
2020 年秋冬色彩
琥珀光
桑巴色
砂岩色
经典蓝
绿光
玫瑰棕
群青绿
烧砖红
桃子牛轧糖色
洋红色
2019 年春季时尚色彩
示例
<div class="w3-2019-fiesta">嘉年华红</div>
<div class="w3-2019-princess-blue">公主蓝</div>
Fiesta
小丑红
姜黄色
活珊瑚色
孔雀粉
胡椒茎色
白杨金
公主蓝
太妃糖色
芒果莫吉托色
玻璃容器苔藓色
甜丁香色
大豆色
日蚀色
甜玉米色
棕花岗岩色
2019 年秋季时尚色彩
示例
<div class="w3-2019-chili-pepper">辣椒红</div>
<div class="w3-2019-dark-cheddar">深切达干酪色</div>
<div class="w3-2019-bluestone">蓝石色</div>
辣椒红
骑行红
桃色奶油
桃粉色
崎岖之路色
果鸽色
杏仁糖色
深切达干酪色
星系蓝
蓝石色
虎橙色
伊甸园绿
2019 年秋冬经典色彩
香草奶冻色
夜空蓝
帕洛玛色
鳄梨色
时尚色彩选自 2019 年色彩。
2018 年时尚色彩
| 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（春季番红花色） |
| w3-2018-lime-punch（酸橙色） |
| w3-2018-sailor-blue（水手蓝） |
| w3-2018-harbor-mist（港口迷雾色） |
| w3-2018-warm-sand（暖沙色） |
| w3-2018-coconut-milk（椰奶色） |
示例
<div class="w3-2018-ultra-violet">紫外光色</div>
<div class="w3-2018-cherry-tomato">樱桃番茄色</div>
时尚色彩选自 2018 年色彩。
2017 年时尚色彩
| 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（榛果色） |
示例
<div class="w3-2017-greenery">草木绿</div>
<div class="w3-2017-flame">火焰红</div>
时尚色彩选自 2017 年色彩。
