W3.CSS Modekleuren
Modekleuren gebruiken
Modekleuren zijn gemakkelijk te gebruiken. Voeg gewoon een link toe naar de juiste kleurenbibliotheek:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-2021.css">
Voeg vervolgens een klassenaam toe aan het HTML-element dat u wilt kleuren:
Voorbeeld
<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>
De modekleuren zijn geselecteerd uit Colors 2021 .
De heetste lente-/zomerkleuren 2021
Goudsbloem
Ceruleaans
Roest
Verlichtend
Frans blauw
Groene As
verbrand koraal
Munt
Amethist Orchidee
Frambozensorbet
Klassieke lente/zomer kleuren 2021
Voorbeeld
<div class="w3-2021-inkwell">Inkwell</div>
<div class="w3-2021-ultimate-gray">Ultimate Gray</div>
<div class="w3-2021-buttercream">Buttercream</div>
Inktpotje
Ultiem grijs
Botercrème
Woestijnnevel
wilg
De heetste lente-/zomerkleuren 2020
Voorbeeld
<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>
Vlam Scarlet
Saffraan
Biskaje Groen
Bieslook
Vervaagde denim
Sinaasappelschil
Mozaïek Blauw
Zonlicht
Koraalroze
Kaneelstok
Druivencompote
Klassieke lente-/zomerkleuren 2020
Voorbeeld
<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>
Leeuwerik
Marineblauwe blazer
Briljant wit
As
Herfst/Winter kleuren 2020
Amberglow
samba
Zandsteen
Klassiek blauw
Groene glans
Rose Tan
Ultramarijn Groen
Gebakken baksteen
Perzik Nougat
Magenta Paars
Modekleuren Lente 2019
Voorbeeld
<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>
fiesta
Jester Red
Kurkuma
levend koraal
Roze pauw
Paprika Stam
Aspen Goud
Prinses Blauw
Toffee
Mango Mojito's
Terrariummos
Zoete sering
sojabonen
Verduistering
Zoete maïs
Bruin graniet
Modekleuren Herfst 2019
Voorbeeld
<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>
Chili peper
Fietsen Rood
Perzik Crème
Perzik roze
Rotsachtige weg
Fruitduif
Suiker Amandel
Donkere Cheddar
Galaxy blauw
arduin
Oranje Tijger
Eden
Klassieke kleuren herfst/winter 2019
Vanille custard
avond blauw
Paloma
Guacamole
De modekleuren zijn geselecteerd uit Colors 2019 .
Modekleuren 2018
| w3-2018-rode peer |
| w3-2018-dappere-poppy |
| w3-2018-nevels-blauw |
| w3-2018-ceylon-geel |
| w3-2018-martini-olijf |
| w3-2018-roodbruin-oranje |
| w3-2018-ultra-violet |
| w3-2018-krokus-bloemblad |
| w3-2018-schijnwerpers |
| w3-2018-quetzal-groen |
| w3-2018-sargasso-zee |
| w3-2018-tofu |
| w3-2018-amandel-buff |
| w3-2018-stil-grijs |
| w3-2018-meerkat |
| w3-2018-meadowlark |
| w3-2018-kersen-tomaat |
| w3-2018-kleine-jongen-blauw |
| w3-2018-chili-olie |
| w3-2018-bloeiende-dahlia |
| w3-2018-arcadia |
| w3-2018-roze-keizer |
| w3-2018-bijna-paars |
| w3-2018-lentekrokus |
| w3-2018-lime-punch |
| w3-2018-matroos-blauw |
| w3-2018-haven-mist |
| w3-2018-warm-zand |
| w3-2018-kokosmelk |
Voorbeeld
<div class="w3-2018-ultra-violet">Ultra Violet</div>
<div class="w3-2018-cherry-tomato">Cherry Tomato</div>
De modekleuren zijn geselecteerd uit Colors 2018 .
Modekleuren 2017
| w3-2017-groen |
| 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.