Bibliothèques de couleurs W3.CSS
Bibliothèques de couleurs
Les bibliothèques de couleurs sont de petits fichiers CSS contenant des valeurs de couleur couramment utilisées telles que les normes de sécurité, les couleurs d'autoroute, les couleurs de mode, les couleurs de camouflage, etc.
Comment utiliser les bibliothèques de couleurs
Les bibliothèques de couleurs sont faciles à utiliser. Ajoutez simplement un lien vers la bibliothèque de couleurs dans votre page Web :
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Ensuite, ajoutez un nom de classe à l'élément HTML que vous souhaitez colorer :
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Couleurs de l'autoroute américaine
| w3-autoroute-marron |
| w3-autoroute-rouge |
| w3-autoroute-orange |
| w3-autoroute-autobus scolaire |
| w3-autoroute-jaune |
| w3-autoroute-vert |
| w3-autoroute-bleu |
Les couleurs des autoroutes sont définies dans la norme fédérale 595 .
Couleurs de sécurité américaines
| w3-sécurité-rouge |
| w3-sécurité-orange |
| w3-sécurité-jaune |
| w3-sécurité-vert |
| w3-sécurité-bleu |
| w3-sécurité-violet |
Les couleurs de sécurité américaines sont définies dans la norme fédérale 595 .
Couleurs des signaux européens
| w3-signal-jaune |
| w3-signal-orange |
| w3-signal-rouge |
| w3-signal-violet |
| w3-signal-bleu |
| w3-vert-signal |
| w3-gris signal |
| w3-signal-marron |
| w3-signal-blanc |
| w3-signal-noir |
Exemple
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Télécharger le CSS »
Les couleurs de signalisation européennes sont définies dans la norme de couleur RAL .
Couleurs vives
| w3-rose vif |
| w3-rouge vif |
| w3-orange vif |
| w3-jaune vif |
| w3-vert vif |
| w3-bleu vif |
| w3-violet-vif |
| w3-violet-vif |
| w3-vivid-noir |
| w3-blanc vif |
| w3-vif-jaunâtre-rose |
| w3-vivid-rougeâtre-orange |
| w3-jaune-orange-vif |
| w3-vivid-verdâtre-jaune |
| w3-jaune-vert vif |
| w3-vivid-jaunâtre-vert |
| w3-vivid-bleuâtre-vert |
| w3-vif-bleu-verdâtre |
| w3-vif-violet-bleu |
| w3-vif-rougeâtre-violet |
| w3-rouge-violacé-vif |
Exemple
<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>
Télécharger le CSS »
Les couleurs vives sont définies dans ISCC-NBS .
Colorants alimentaires
| w3-nourriture-pomme |
| w3-nourriture-asperge |
| w3-nourriture-abricot |
| w3-nourriture-aubergine |
| w3-food-avocat |
| w3-nourriture-banane |
| w3-beurre-alimentaire |
| w3-alimentaire-myrtille |
| w3-nourriture-cerise |
| w3-nourriture-chocolat |
| w3-food-canneberge |
| w3-nourriture-café |
| w3-nourriture-œuf |
| w3-alimentaire-raisin |
| w3-nourriture-kiwi |
| w3-nourriture-citron |
| w3-alimentaire-citron vert |
| w3-nourriture-mangue |
| w3-nourriture-champignon |
| w3-food-moutarde |
| w3-nourriture-menthe |
| w3-nourriture-olive |
| w3-orange-alimentaire |
| w3-pois-nourriture |
| w3-nourriture-pêche |
| w3-poire-nourriture |
| w3-nourriture-pistache |
| w3-alimentaire-prune |
| w3-food-framboise |
| w3-food-safran |
| w3-nourriture-saumon |
| w3-nourriture-menthe verte |
| w3-nourriture-courge |
| w3-nourriture-fraise |
| w3-nourriture-tomate |
| w3-nourriture-blé |
| w3-nourriture-vin |
Exemple
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Télécharger le CSS »
Couleurs camouflées
| w3-camo-marron |
| w3-camo-rouge |
| w3-camo-olive |
| w3-camo-champ |
| w3-camo-terre |
| w3-camo-sable |
| w3-camo-tan |
| w3-camo-grès |
| w3-camo-vert-foncé |
| w3-camo-forêt |
| w3-camo-vert clair |
| w3-camo-vert |
| w3-camo-gris-foncé |
| w3-camo-gris |
| w3-camo-noir |
Exemple
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Télécharger le CSS »
Les couleurs de camouflage sont définies dans la norme fédérale 595 .