W3.CSS Modekleure


Hoe om modekleure te gebruik

Modekleure is maklik om te gebruik. Voeg net 'n skakel by die regte kleurbiblioteek:

<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2021.css">

Voeg dan 'n klasnaam by die HTML-element wat jy wil inkleur:

Voorbeeld

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

  Laai die CSS af »

Die modekleure word uit Kleure 2021 gekies .


Die warmste lente/somerkleure 2021

Goudsbloem

Cerulean

Roes

Verhelderend

Frans Blou

Groen As

Verbrande koraal

Munt

Ametis Orchid

Framboos sorbet


Klassieke lente/somerkleure 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>

  Laai die CSS af »

Inkpot

Ultimate Grey

Botterroom

Woestynmis

Wilgerboom


Die warmste lente/somerkleure 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>

  Laai die CSS af »

Vlam Skarlaken

Saffraan

Biscay Groen

Buisie

Verlepte denim

Lemoen skil

Mosaïek Blou

Sonlig

Koraalpienk

Kaneelstokkie

Druiwekompote



Klassieke lente/somerkleure 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>

  Laai die CSS af »

Lerkie

Navy Baadjie

Briljante Wit

As


Herfs/Winterkleure 2020

Amberglow

Samba

Sandsteen

Klassieke Blou

Groen Glans

Rose Tan

Ultramaryn groen

Baksteen afgevuur

Perske Nougat

Magenta Pers


Modekleure Lente 2019

Voorbeeld

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

    Laai die CSS af »

Fiesta

Nar Rooi

Borrie

Lewende koraal

Pienk Pou

Peperstingel

Aspen Goud

Prinses Blou

Toffie

Mango Mojito's

Terrarium Moss

Soet Lilac

Sojaboon

Verduistering

Suikermielies

Bruin graniet


Modekleure Herfs 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>

    Laai die CSS af »

Chili peper

Fietsry Rooi

Perskeroom

Perske Pienk

Klipperige pad

Vrugteduif

Suiker amandel

Donker Cheddar

Galaxy Blou

Blousteen

Oranje Tier

Eden


Klassieke kleure herfs/winter 2019

Vanieljevla

Aand Blou

Paloma

Guacamole

Die modekleure word uit Kleure 2019 gekies .


Modekleure 2018

w3-2018-rooi-peer
w3-2018-dapper-papawer
w3-2018-newels-blou
w3-2018-seyloon-geel
w3-2018-martini-olyf
w3-2018-rooi-oranje
w3-2018-ultraviolet
w3-2018-krokus-kroonblare
w3-2018-kalklig
w3-2018-quetzal-groen
w3-2018-sargasso-see
w3-2018-tofu
w3-2018-amandel-buff
w3-2018-stil-grys
w3-2018-meerkat
w3-2018-meadowlark
w3-2018-kersie-tamatie
w3-2018-klein-seun-blou
w3-2018-brandrissie-olie
w3-2018-bloeiende-dahlia
w3-2018-arcadia
w3-2018-pienk-keiser
w3-2018-amper-mauve
w3-2018-lente-krokus
w3-2018-lemmetjiepons
w3-2018-matroos-blou
w3-2018-hawe-mis
w3-2018-warm-sand
w3-2018-klapper-melk

Voorbeeld

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

    Laai die CSS af »

Die modekleure word uit Kleure 2018 gekies .


Modekleure 2017

w3-2017-groenery
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>

    Download the CSS »

The fashion colors are selected from Colors 2017.