W3.CSS 時尚色彩
如何使用時尚色彩
時尚色彩易於使用。只需連結到正確的顏色庫
<link rel="stylesheet" href="https://w3schools.tw/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 年色彩。
