W3.CSS แฟชั่นสี
วิธีการใช้สีแฟชั่น
แฟชั่นสีใช้งานง่าย เพียงเพิ่มลิงก์ไปยังไลบรารีสีที่ถูกต้อง:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-2021.css">
จากนั้น เพิ่มชื่อคลาสให้กับองค์ประกอบ HTML ที่คุณต้องการให้สี:
ตัวอย่าง
<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>
เลือกสีแฟชั่นจากColours 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>
Inkwell
อัลติเมท เกรย์
บัตเตอร์ครีม
หมอกทะเลทราย
วิลโลว์
สีประจำฤดูใบไม้ผลิ/ฤดูร้อนปี 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>
เปลวไฟสีแดง
สีเหลือง
บิสเคย์ กรีน
กุ้ยช่าย
ผ้าเดนิมจาง
เปลือกส้ม
โมเสกสีน้ำเงิน
แสงแดด
คอรัลชมพู
อบเชยแท่ง
องุ่นผลไม้แช่อิ่ม
สีประจำฤดูใบไม้ผลิ/ฤดูร้อนปี 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>
ลาร์ค
Navy Blazer
บริลเลียนท์ ไวท์
เถ้า
ฤดูใบไม้ร่วง/ฤดูหนาว สี 2020
แอมเบอร์โกลว์
แซมบ้า
หินทราย
คลาสสิค บลู
กรีน ชีน
กุหลาบแทน
สีเขียวอุลตรามารีน
อิฐเผา
พีชตังเม
สีม่วงแดง
แฟชั่นสีฤดูใบไม้ผลิ 2019
ตัวอย่าง
<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>
เฟียสต้า
ตัวตลกสีแดง
ขมิ้น
ปะการังที่มีชีวิต
นกยูงสีชมพู
ก้านพริกไทย
แอสเพนโกลด์
เจ้าหญิงบลู
ทอฟฟี่
โมจิโต้มะม่วง
Terrarium Moss
ม่วงหวาน
ถั่วเหลือง
คราส
ข้าวโพดหวาน
หินแกรนิตสีน้ำตาล
สีแฟชั่นฤดูใบไม้ร่วง 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>
พริกขี้หนู
จักรยานสีแดง
ครีมพีช
พีชชมพู
ถนนร็อคกี้
นกพิราบผลไม้
น้ำตาลอัลมอนด์
ดาร์กเชดดาร์
กาแล็กซี่บลู
บลูสโตน
เสือสีส้ม
อีเดน
สีคลาสสิก ฤดูใบไม้ร่วง/ฤดูหนาว 2019
วานิลลาคัสตาร์ด
ฟ้ายามเย็น
Paloma
กวากาโมเล่
เลือกสีแฟชั่นจากColours 2019 .
แฟชั่นสี 2018
| w3-2018-ลูกแพร์แดง |
| w3-2018-องอาจ-ป๊อปปี้ |
| w3-2018-nebulas-สีน้ำเงิน |
| w3-2018-ซีลอน-เหลือง |
| w3-2018-martini-มะกอก |
| w3-2018-สีส้มอมแดง |
| w3-2018-อัลตราไวโอเลต |
| w3-2018-crocus-petal |
| w3-2018-ไฟแก็ซ |
| w3-2018-quetzal-สีเขียว |
| ห3-2018-sargasso-sea |
| w3-2018-เต้าหู้ |
| w3-2018-อัลมอนด์บัฟ |
| w3-2018-เงียบ-สีเทา |
| w3-2018-เมียร์แคท |
| w3-2018-meadowlark |
| w3-2018-มะเขือเทศเชอร์รี่ |
| w3-2018-เด็กน้อย-ฟ้า |
| w3-2018-น้ำมันพริก |
| ห3-2018-ดอกรักเร่ |
| w3-2018-arcadia |
| w3-2018-จักรพรรดิสีชมพู |
| w3-2018-เกือบ-mauve |
| 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>
เลือกสีแฟชั่นจากColours 2018 .
แฟชั่นสี 2017
| w3-2017-greenery |
| w3-2017-grenadines |
| 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 |
Example
<div class="w3-2017-greenery">Greenery</div>
<div class="w3-2017-flame">Flame</div>
The fashion colors are selected from Colors 2017.