W3.CSS时尚色彩

如何使用时尚色彩

时尚色彩易于使用。只需添加一个指向正确颜色库的链接：

然后，将类名添加到要着色的 HTML 元素中：

示例

<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>

亲自试一试» 下载 CSS »

时尚色彩选自2021 年颜色。

2021 年最热门春夏色彩

万寿菊

天蓝色

锈

照明

法国蓝

绿灰

烧珊瑚

薄荷

紫水晶兰花

覆盆子冰糕

2021 年春夏经典色彩

示例

<div class="w3-2021-inkwell">Inkwell</div>
<div class="w3-2021-ultimate-gray">Ultimate Gray</div>
<div class="w3-2021-buttercream">Buttercream</div>

亲自试一试» 下载 CSS »

墨水池

终极灰

奶油

沙漠迷雾

柳

2020 年最热门春夏色彩

示例

<div class="w3-2020-flame-scarlet">Flame Scarlet</div>
<div class="w3-2020-saffron">Saffron</div>
<div class="w3-2020-biscay-green">Biscay Green</div>

亲自试一试» 下载 CSS »

火焰猩红

藏红花

比斯开绿

韭菜

褪色牛仔布

橙皮

马赛克蓝

阳光

珊瑚粉

肉桂棒

葡萄蜜饯

2020 春夏经典色彩

示例

<div class="w3-2020-lark">Lark</div>
<div class="w3-2020-navy-blazer">Navy Blazer</div>
<div class="w3-2020-brilliant-white">Brilliant White</div> <div class="w3-2020-ash">Ash</div>

亲自试一试» 下载 CSS »

云雀

海军蓝西装外套

亮白

灰

2020 秋冬色彩

安伯格洛

桑巴舞

砂岩

经典蓝

绿色光泽

玫瑰棕

群青绿

烧结砖

桃子牛轧糖

品红紫色

2019年春季流行色

示例

<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>

亲自试一试» 全部尝试 » 下载 CSS »

嘉年华

小丑红

姜黄

活珊瑚橘

粉红孔雀

辣椒茎

阿斯彭金

蓝公主

奶糖

芒果莫吉托

玻璃容器苔藓

甜丁香

大豆

蚀

甜玉米

棕色花岗岩

2019秋季流行色

示例

<div class="w3-2019-chili-pepper">Chili Pepper</div>
<div class="w3-2019-dark-cheddar">Dark Cheddar</div>
<div class="w3-2019-bluestone">Bluestone</div>

亲自试一试» 全部尝试 » 下载 CSS »

辣椒

骑行红

鲜奶油

桃粉色

石板路

果鸽

糖杏仁

黑切达干酪

银河蓝

青石

橙虎

伊甸园

2019 秋冬经典色彩

香草奶油冻

晚蓝色

帕洛玛

鳄梨

时尚色彩选自2019 色彩。

2018年流行色

w3-2018-红梨

w3-2018-勇敢的罂粟

w3-2018-星云-蓝色

w3-2018-锡兰-黄

w3-2018-马提尼-橄榄

w3-2018-赤褐色-橙色

w3-2018-紫外线

w3-2018-番红花-花瓣

w3-2018-聚光灯

w3-2018-格查尔-绿色

w3-2018-马尾藻-海

w3-2018-豆腐

w3-2018-杏仁-buff

w3-2018-安静-灰色

w3-2018-猫鼬

w3-2018-草地鹨

w3-2018-樱桃番茄

w3-2018-小男孩-蓝色

w3-2018-辣椒油

w3-2018-盛开-大丽花

w3-2018-阿卡迪亚

w3-2018-粉红-emperador

w3-2018-几乎紫红色

w3-2018-春天-番红花

w3-2018-石灰冲床

w3-2018-水手-蓝色

w3-2018-港雾

w3-2018-暖沙

w3-2018-椰奶

示例

<div class="w3-2018-ultra-violet">Ultra Violet</div>
<div class="w3-2018-cherry-tomato">Cherry Tomato</div>

亲自试一试» 全部尝试 » 下载 CSS »

时尚色彩选自2018年色彩。

2017年流行色

w3-2017-绿化

w3-2017-石榴糖浆

w3-2017-黄褐色-端口

w3-2017-芭蕾舞鞋

w3-2017-黄油

w3-2017-海军-牡丹

w3-2017-中性灰

w3-2017-阴影云杉

w3-2017-金石灰

w3-2017-码头

w3-2017-秋季-枫树

w3-2017-尼亚加拉

w3-2017-樱草黄

w3-2017-青金石-蓝色

w3-2017-火焰

w3-2017-岛屿天堂

w3-2017-淡山茱萸

w3-2017-粉红-欧蓍草

w3-2017-羽衣甘蓝

w3-2017-榛子

示例

<div class="w3-2017-greenery">Greenery</div>
<div class="w3-2017-flame">Flame</div>

亲自试一试» 全部尝试 » 下载 CSS »

时尚色彩选自2017 色彩。