Renk Kütüphaneler
Renk kütüphaneleri güvenlik standartları, otoyol renkler, moda renkleri, ordu kamuflaj renkleri, ve daha fazlası gibi sık kullanılan renk değerlerini içeren küçük CSS dosyalarıdır.
Otoyol Sarı
Renk kütüphaneleri kullanımı çok kolaydır. Sadece web sayfasına bir kütüphane bağlantısını ekleyin:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
Ve HTML öğesine bir sınıf adı renkli istiyorum:
<div class="w3-highway-yellow">Highway Yellow
Kendin dene " ABD Otoyol Renkleri
| isim |
|---|
| w3-highway-brown |
| w3-highway-red |
| w3-highway-orange |
| w3-highway-schoolbus |
| w3-highway-yellow |
| w3-highway-green |
| w3-highway-blue |
Örnek
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
It Yourself deneyin » CSS indirin» Sen otoyol renkler hakkında daha fazla bilgi bulabilirsiniz Federal Standard 595 .
ABD Güvenlik Renkler
| isim |
|---|
| w3-safety-red |
| w3-safety-orange |
| w3-safety-yellow |
| w3-safety-green |
| w3-safety-blue |
| w3-safety-purple |
Sen emniyet renkleri hakkında daha fazla bilgi bulabilirsiniz Federal Standard 595 .
Kamuflaj Renkleri
| isim |
|---|
| w3-camo-brown |
| w3-camo-red |
| w3-camo-olive |
| w3-camo-field |
| w3-camo-earth |
| w3-camo-sand |
| w3-camo-tan |
| w3-camo-sandstone |
| w3-camo-dark-green |
| w3-camo-forest |
| w3-camo-light-green |
| w3-camo-green |
| w3-camo-dark-grey |
| w3-camo-grey |
| w3-camo-black |
İçeri kamuflaj renkleri hakkında daha fazla bilgi bulabilirsiniz Federal Standard 595 .
Örnek
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
It Yourself deneyin » CSS indirin» Canlı renkler
| Renk Adı |
|---|
| w3-canlı-pembe |
| w3-canlı-kırmızı |
| w3-canlı-turuncu |
| w3-canlı sarı |
| w3-canlı-yeşil |
| w3-canlı-mavi |
| w3-canlı-mor |
| w3-canlı-mor |
| w3-canlı siyah |
| w3-canlı-beyaz |
| w3-canlı-sarımsı-pembe |
| w3-canlı-kırmızımsı-turuncu |
| w3-canlı-turuncu-sarı |
| w3-canlı-yeşilimsi sarı |
| w3-canlı-sarı-yeşil |
| w3-canlı-sarımsı-yeşil |
| w3-canlı-mavimsi-yeşil |
| w3-canlı-yeşilimsi-mavi |
| w3-canlı-morumsu-mavi |
| w3-canlı-kırmızımsı-mor |
| WW3-canlı-morumsu-kırmızı |
İçeri canlı renklerle ilgili daha fazla bilgi edinebilirsiniz ISCC-NBS .
Örnek
<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>
It Yourself deneyin » CSS indirin» Avrupa Sinyal Renkleri
| Renk Nameeee |
|---|
| w3 sinyal san |
| w3 sinyal-turuncu |
| w3-sinyal-kırmızı |
| w3 sinyal-mor |
| w3-sinyal-mavi |
| w3-sinyal-yeşil |
| w3 sinyal gri |
| w3 sinyal kahverengi |
| w3 sinyal beyaz |
| w3 sinyal siyah |
Sen Avrupa sinyal renkleri hakkında daha fazla bilgi bulabilirsiniz ral .
Örnek
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
It Yourself deneyin » CSS indirin» Gıda Renkleri
| isim |
|---|
| w3-food-apple |
| w3-food-aspargus |
| w3-food-apricot |
| w3-food-aubergine |
| w3-food-avocado |
| w3-food-banana |
| w3-food-butter |
| w3-food-blueberry |
| w3-food-cherry |
| w3-food-chocolate |
| w3-food-cranberry |
| w3-food-coffee |
| w3-food-egg |
| w3-food-grape |
| w3-food-kiwi |
| w3-food-lemon |
| w3-food-lime |
| w3-food-mango |
| w3-food-mushroom |
| w3-food-mustard |
| w3-food-mint |
| w3-food-olive |
| w3-food-orange |
| w3-food-pea |
| w3-food-peach |
| w3-food-pear |
| w3-food-pistachio |
| w3-food-plum |
| w3-food-raspberry |
| w3-food-saffron |
| w3-food-salmon |
| w3-food-spearmint |
| w3-food-squash |
| w3-food-strawberry |
| w3-food-tomato |
| w3-food-wheat |
| w3-food-wine |