Knihovny barev W3.CSS
Knihovny barev
Knihovny barev jsou malé soubory CSS obsahující běžně používané hodnoty barev, jako jsou bezpečnostní standardy, barvy na dálnicích, módní barvy, maskovací barvy a další.
Školní autobus
Falcon Ridge Parkway
STOP
Jak používat knihovny barev
Knihovny barev se snadno používají. Stačí přidat odkaz na knihovnu barev na vaší webové stránce:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Poté přidejte název třídy k prvku HTML, který chcete obarvit:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Barvy americké dálnice
| w3-dálnice-hnědá |
| w3-dálnice-červená |
| w3-dálnice-oranžová |
| w3-dálnice-školní autobus |
| w3-dálnice-žlutá |
| w3-dálnice-zelená |
| w3-dálnice-modrá |
Dálniční barvy jsou definovány ve Federal Standard 595 .
Bezpečnostní barvy USA
| w3-safety-red |
| w3-bezpečnostní-oranžová |
| w3-safety-yellow |
| w3-safety-green |
| w3-safety-blue |
| w3-safety-purple |
Bezpečnostní barvy USA jsou definovány ve Federal Standard 595 .
Evropské signální barvy
| w3-signál-žlutá |
| w3-signal-oranžová |
| w3-signal-red |
| w3-signal-violet |
| w3-signal-blue |
| w3-signál-zelená |
| w3-signal-grey |
| w3-signal-hnědá |
| w3-signál-bílá |
| w3-signal-black |
Příklad
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Stáhnout CSS »
Evropské signální barvy jsou definovány v barevném standardu RAL .
Živé barvy
| w3-živá-růžová |
| w3-vivid-red |
| w3-vivid-oranžová |
| w3-živá-žlutá |
| w3-živá-zelená |
| w3-vivid-blue |
| w3-vivid-violet |
| w3-vivid-purple |
| w3-vivid-black |
| w3-živá-bílá |
| w3-živá-žluto-růžová |
| w3-živá-červená-oranžová |
| w3-živá-oranžová-žlutá |
| w3-živá-zeleno-žlutá |
| w3-živá-žluto-zelená |
| w3-živá-žluto-zelená |
| w3-živá-modro-zelená |
| w3-živá-zeleno-modrá |
| w3-živá-purpurová-modrá |
| w3-vivid-reddish-purple |
| w3-živá-purpurová-červená |
Příklad
<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>
Stáhnout CSS »
Živé barvy jsou definovány v ISCC-NBS .
potravinářské barvy
| w3-jídlo-jablko |
| w3-jídlo-chřest |
| w3-jídlo-meruňka |
| w3-jídlo-lilek |
| w3-jídlo-avokádo |
| w3-jídlo-banán |
| w3-jídlo-máslo |
| w3-jídlo-borůvka |
| w3-jídlo-třešeň |
| w3-jídlo-čokoláda |
| w3-jídlo-brusinka |
| w3-jídlo-káva |
| w3-jídlo-vejce |
| w3-jídlo-hrozna |
| w3-jídlo-kiwi |
| w3-jídlo-citron |
| w3-jídlo-vápno |
| w3-food-mango |
| w3-jídlo-houba |
| w3-jídlo-hořčice |
| w3-food-mint |
| w3-jídlo-oliva |
| w3-jídlo-pomeranč |
| w3-jídlo-hrách |
| w3-jídlo-broskev |
| w3-jídlo-hruška |
| w3-jídlo-pistácie |
| w3-jídlo-švestka |
| w3-jídlo-malina |
| w3-jídlo-šafrán |
| w3-jídlo-losos |
| w3-food-spearmint |
| w3-food-squash |
| w3-jídlo-jahoda |
| w3-jídlo-rajče |
| w3-jídlo-pšenice |
| w3-jídlo-víno |
Příklad
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Stáhnout CSS »
Kamuflážní barvy
| w3-camo-hnědá |
| w3-camo-red |
| w3-camo-oliva |
| w3-camo-field |
| w3-camo-earth |
| w3-camo-písek |
| w3-camo-tan |
| w3-camo-pískovec |
| w3-camo-tmavě-zelená |
| w3-camo-forest |
| w3-camo-light-green |
| w3-camo-zelená |
| w3-camo-tmavě-šedá |
| w3-camo-grey |
| w3-camo-black |
Příklad
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Stáhnout CSS »
Barvy kamufláže jsou definovány ve Federal Standard 595 .