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 |
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 |
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 .