En son web geliştirme öğreticiler
 

W3.CSS Renk Kütüphaneler


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 .

Örnek

<div class="w3-safety-red">DANGER</div>
It Yourself deneyin » CSS indirin»

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