W3.CSS Kleurbiblioteke


Kleur biblioteke

Kleurbiblioteke is klein CSS-lêers wat algemeen gebruikte kleurwaardes soos veiligheidstandaarde, snelwegkleure, modekleure, kamoefleerkleure en meer bevat.

Skoolbus
Falcon Ridge Parkway
STOP

Hoe om kleurbiblioteke te gebruik

Kleurbiblioteke is maklik om te gebruik. Voeg net 'n skakel by die kleurbiblioteek in jou webblad:

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

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

<div class="w3-highway-schoolbus">Schoolbus</div>
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-red">STOP</div>

Amerikaanse snelwegkleure

w3-snelweg-bruin
w3-snelweg-rooi
w3-snelweg-oranje
w3-hoofweg-skoolbus
w3-snelweg-geel
w3-snelweg-groen
w3-snelweg-blou

Voorbeeld

<div class="w3-highway-red">STOP</div>
    Laai die CSS af »

Die snelwegkleure word in Federal Standard 595 gedefinieer .


Amerikaanse veiligheidskleure

w3-veiligheid-rooi
w3-veiligheid-oranje
w3-veiligheid-geel
w3-veiligheid-groen
w3-veiligheid-blou
w3-veiligheid-pers

Voorbeeld

<div class="w3-safety-red">DANGER</div>
    Laai die CSS af »

Die Amerikaanse veiligheidskleure word in Federal Standard 595 omskryf .



Europese seinkleure

w3-sein-geel
w3-sein-oranje
w3-sein-rooi
w3-sein-violet
w3-sein-blou
w3-sein-groen
w3-sein-grys
w3-sein-bruin
w3-sein-wit
w3-sein-swart

Voorbeeld

<div class="w3-signal-red">Stop</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
    Laai die CSS af »

Die Europese seinkleure word in die RAL-kleurstandaard gedefinieer .



Helder kleure

w3-lewendig-pienk
w3-lewendig-rooi
w3-lewendig-oranje
w3-lewendig-geel
w3-lewendig-groen
w3-lewendig-blou
w3-lewendig-violet
w3-lewendig-pers
w3-lewendig-swart
w3-lewendig-wit
w3-lewendig-geel-pienk
w3-lewendig-rooi-oranje
w3-lewendig-oranje-geel
w3-lewendig-groen-geel
w3-lewendig-geel-groen
w3-lewendig-geelgroen
w3-lewendig-blou-groen
w3-lewendig-groen-blou
w3-lewendig-persblou
w3-lewendig-rooi-pers
w3-lewendig-persrooi

Voorbeeld

<div class="w3-vivid-red">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
  Laai die CSS af »

Die helder kleure word in ISCC-NBS gedefinieer .


Kos Kleure

w3-kos-appel
w3-kos-asperges
w3-kos-appelkoos
w3-kos-eiervrug
w3-kos-avokado
w3-kos-piesang
w3-kos-botter
w3-kos-bloubessie
w3-kos-kersie
w3-kos-sjokolade
w3-voedsel-veenbessie
w3-kos-koffie
w3-voedsel-eier
w3-voedsel-druif
w3-kos-kiwi
w3-kos-suurlemoen
w3-voedsel-lemmetjie
w3-kos-mango
w3-kos-sampioen
w3-kos-mosterd
w3-voedsel-ment
w3-voedsel-olyfolie
w3-kos-lemoen
w3-kos-ertjie
w3-kos-perske
w3-kos-peer
w3-kos-pistache
w3-voedsel-pruim
w3-kos-framboos
w3-kos-saffraan
w3-kos-salm
w3-kos-spearmint
w3-kos-squash
w3-kos-aarbei
w3-voedsel-tamatie
w3-kos-koring
w3-kos-wyn

Voorbeeld

<div class="w3-food-apple">Apple</div>
<div class="w3-food-banana">Banana</div>
    Laai die CSS af »

Kamoefleerkleure

w3-kamo-bruin
w3-camo-rooi
w3-camo-olyfolie
w3-camo-veld
w3-camo-aarde
w3-camo-sand
w3-camo-tan
w3-camo-sandsteen
w3-camo-donkergroen
w3-camo-woud
w3-camo-liggroen
w3-camo-groen
w3-camo-donkergrys
w3-camo-grys
w3-camo-swart

Voorbeeld

<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
    Laai die CSS af »

Die kamoefleerkleure word in Federal Standard 595 omskryf .