Derniers tutoriels de développement web
 

W3.CSS Bibliothèques de couleurs


Bibliothèques de couleurs

bibliothèques de couleurs sont de petits fichiers CSS contenant des valeurs de couleurs couramment utilisées comme normes de sécurité, les couleurs de la route, les couleurs de la mode, les couleurs de camouflage de l'armée, et plus encore.

autoroute Jaune

bibliothèques de couleurs sont très faciles à utiliser. Il suffit d'ajouter un lien bibliothèque à votre page web:

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

Et un nom de classe à l'élément HTML que vous voulez à la couleur:

<div class="w3-highway-yellow">Highway Yellow
Try It Yourself »

US Highway Couleurs

prénom
w3 route brun
w3 route rouge
w3 route orange
w3 route-schoolbus
w3 route jaune
w3 route-vert
w3 route bleu

Exemple

<div class="w3-highway-green">Falcon Ridge Parkway</div>

<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Try It Yourself » Télécharger le CSS»

Vous pouvez en savoir plus sur les couleurs de la route dans la norme fédérale 595 .


Couleurs de sécurité des États-Unis

prénom
w3 sécurité rouge
w3 sécurité orange
w3-sécurité-jaune
w3-sécurité-vert
w3-sécurité-bleu
w3-sécurité-violet

Vous pouvez en savoir plus sur les couleurs de sécurité dans la norme fédérale 595 .

Exemple

<div class="w3-safety-red">DANGER</div>
Try It Yourself » Télécharger le CSS»

Camouflage Couleurs

prénom
w3-camo brun
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

Vous pouvez en savoir plus sur les couleurs de camouflage dans la norme fédérale 595 .

Exemple

<div class="w3-camo-earth">Camouflaged Truck</div>

<div class="w3-camo-grey">Camouflaged Ship</div>
Try It Yourself » Télécharger le CSS»

Des couleurs vives

Nom de la couleur
w3-vif-rose
w3-vif-rouge
w3-vive orange
w3-vif-jaune
w3-vive-verte
w3-vive-bleu
w3-vive-violet
w3-vive-violet
w3-vive-noir
w3-vif-blanc
w3-vif-jaune-rose
w3-vif-rouge-orange
w3-vif-jaune-orange
w3-vif-jaune-verdâtre
w3-vif-jaune-vert
w3-vif-jaune-vert
w3-vives-bleu-vert
w3-vives-bleu-verdâtre
w3-vives-violacé
w3-vives-violet rougeâtre
ww3-vif-rouge violacé

Vous pouvez en savoir plus sur les couleurs vives dans ISCC-NBS .

Exemple

<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>
Try It Yourself » Télécharger le CSS»

Couleurs européennes Signal

Couleur Nameeee
w3 signal jaune
w3 signal orange
w3 signal rouge
w3 signal-violet
w3 signal bleu
w3 signal vert
w3 signal gris
w3 signal brun
w3 signal blanc
w3 signal noir

Vous pouvez en savoir plus sur les couleurs de signaux européens dans la norme de couleur RAL .

Exemple

<div class="w3-signal-red">Stopp</div>

<div class="w3-signal-yellow">Wait</div>

<div class="w3-signal-green">Go</div>
Try It Yourself » Télécharger le CSS»

Colorants alimentaires

prénom
w3-food-apple
w3-food-aspargus
w3-food-abricot
w3-food-Aubergine
w3-food-avocat
w3-food-banane
w3-food-beurre
w3-food-myrtille
w3-food-cherry
w3-food-chocolat
w3-food-canneberges
w3-food-café
w3-alimentaire oeuf
w3-food-raisin
w3-food-kiwi
w3-food-citron
w3-food-chaux
w3-food-mangue
w3-alimentaire champignons
w3-food-moutarde
w3-food-menthe
w3-alimentaire olive
w3-alimentaire orange
w3-food-pois
w3-food-pêche
w3-food-pear
w3-food-pistache
w3-food-plum
w3-food-framboise
w3-food-safran
w3-alimentaire du saumon
w3-food-menthe
w3-food-courge
w3-food-fraise
w3-food-tomate
w3-alimentaire de blé
w3-food-vin