Farbbibliotheken
Farbbibliotheken sind kleine CSS-Dateien häufig verwendete Farbwerte wie Sicherheitsstandards enthält, Autobahn Farben, Modefarben, Armeetarnung Farben und vieles mehr.
Autobahn Gelb
Farbbibliotheken sind sehr einfach zu bedienen. Fügen Sie einfach eine Bibliothek Link auf Ihrer Webseite:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
Und ein Klassenname mit dem HTML-Element möchten Sie Farbe:
<div class="w3-highway-yellow">Highway Yellow
Versuch es selber " US Highway Farben
| Name |
|---|
| w3-Highway-braun |
| w3-Highway-rot |
| w3-Highway-Orange |
| w3-Highway-schoolbus |
| w3-Highway-gelb |
| w3-Highway-grün |
| w3-Highway-blau |
Beispiel
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Probieren Sie es selbst » Laden Sie die CSS» Sie können mehr über Autobahn Farben in lesen Federal Standard 595 .
US-Sicherheitsfarben
| Name |
|---|
| w3-Sicherheit-rot |
| w3-Sicherheit-Orange |
| w3-Sicherheit-gelb |
| w3-Sicherheit-grün |
| w3-Sicherheit-blau |
| w3-Sicherheit-lila |
Sie können mehr über Sicherheitsfarben in lesen Federal Standard 595 .
Tarnfarben
| Name |
|---|
| w3-camo-braun |
| w3-camo-rot |
| w3-camo-oliv |
| w3-camo-Feld |
| w3-camo-earth |
| w3-camo-Sand |
| w3-camo-tan |
| w3-camo-Sandstein |
| w3-camo-dunkelgrün |
| w3-camo-Wald |
| w3-camo-hellgrün |
| w3-camo-grün |
| w3-camo-dunkelgrau |
| w3-camo-grau |
| w3-camo-schwarz |
Sie können mehr über Tarnfarben in lesen Federal Standard 595 .
Beispiel
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
Probieren Sie es selbst » Laden Sie die CSS» Lebendige Farben
| Farbname |
|---|
| w3-lebendig-pink |
| w3-lebendig-rot |
| w3-lebendig-Orange |
| w3-lebendig-gelb |
| w3-lebendig-grün |
| w3-lebendige-blau |
| w3-lebendig-violett |
| w3-lebendig-lila |
| w3-lebendig-schwarz |
| w3-lebendig-weiß |
| w3-lebendig-gelblich-rosa |
| w3-lebendig-rot-orange |
| w3-lebendig-rot-gelb |
| w3-lebendig-grünlich-gelb |
| w3-lebendig-gelb-grün |
| w3-lebendig-gelblich-grün |
| w3-lebendige-blau-grün |
| w3-lebendig-grünlich-blau |
| w3-lebendig-purpur-blau |
| w3-lebendig-rötlich-violett |
| ww3-lebendig-purpur-rot |
Sie können mehr über lebendige Farben in lesen ISCC-NBS .
Beispiel
<div class="w3-vivid-red">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area
of over 13 million inhabitants.</p>
</div>
Probieren Sie es selbst » Laden Sie die CSS» Europäische Signalfarben
| Farbe Nameeee |
|---|
| w3-Signal-gelb |
| w3-Signal-Orange |
| w3-Signal-rot |
| w3-Signal-violett |
| w3-Signal-blau |
| w3-Signal-grün |
| w3-Signal-grau |
| w3-Signal-braun |
| w3-Signal-weiß |
| w3-Signal-schwarz |
Sie können mehr über die europäische Signalfarben in Lesen der RAL Farbnorm .
Beispiel
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Probieren Sie es selbst » Laden Sie die CSS» Lebensmittelfarben
| Name |
|---|
| w3-Food-Apfel |
| w3-Food-aspargus |
| w3-Food-Aprikose |
| w3-Food-Aubergine |
| w3-Food-Avocado |
| w3-Food-Banane |
| w3-Food-Butter |
| w3-Food-blueberry |
| w3-Food-Kirsche |
| w3-Food-Schokolade |
| w3-Food-Cranberry |
| w3-Food-Kaffee |
| w3-Food-Ei |
| w3-Food-Traube |
| w3-Food-Kiwi |
| w3-Food-Zitrone |
| w3-Food-Kalk |
| w3-Food-Mango |
| w3-Food-Pilz |
| w3-Food-Senf |
| w3-Food-Minze |
| w3-Food-oliv |
| w3-Food-Orange |
| w3-Food-pea |
| w3-Food-Pfirsich |
| w3-Food-Birne |
| w3-Food-Pistazie |
| w3-Food-Pflaume |
| w3-Food-Himbeere |
| w3-Food-Safran |
| w3-Food-Lachs |
| w3-Food-grüne Minze |
| w3-Food-Squash |
| w3-Food-Erdbeere |
| w3-Food-Tomaten |
| w3-Food-Weizen |
| w3-Food-Wein |