W3.CSS Renk Kitaplıkları
Renk Kitaplıkları
Renk kitaplıkları, güvenlik standartları, otoyol renkleri, moda renkleri, kamuflaj renkleri ve daha fazlası gibi yaygın olarak kullanılan renk değerlerini içeren küçük CSS dosyalarıdır.
Okul otobüsü
Falcon Ridge Park Yolu
DUR
Renk Kitaplıkları Nasıl Kullanılır
Renk kitaplıklarının kullanımı kolaydır. Web sayfanızdaki renk kitaplığına bir bağlantı eklemeniz yeterlidir:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Ardından, renklendirmek istediğiniz HTML öğesine bir sınıf adı ekleyin:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
ABD Otoyol Renkleri
| w3-otoyol-kahverengi |
| w3-otoyol-kırmızı |
| w3-otoyol-turuncu |
| w3-otoyol-okul otobüsü |
| w3-otoyol-sarı |
| w3-otoyol-yeşil |
| w3-otoyol-mavi |
Otoyol renkleri Federal Standart 595'te tanımlanmıştır .
ABD Güvenlik Renkleri
| w3-güvenlik-kırmızı |
| w3-güvenlik-turuncu |
| w3-güvenlik-sarı |
| w3-güvenlik-yeşil |
| w3-güvenlik-mavi |
| w3-güvenlik-mor |
ABD güvenlik renkleri Federal Standart 595'te tanımlanmıştır .
Avrupa Sinyal Renkleri
| w3-sinyal-sarı |
| 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 |
Örnek
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
CSS'yi indirin »
Avrupa sinyal renkleri RAL Renk Standardında tanımlanmıştır .
Canlı renkler
| 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 |
| w3-canlı-morumsu-kırmızı |
Örnek
<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>
CSS'yi indirin »
Canlı renkler ISCC-NBS'de tanımlanmıştır .
Gıda Renkleri
| w3-gıda-elma |
| w3-gıda-kuşkonmaz |
| w3-gıda-kayısı |
| w3-gıda-patlıcan |
| w3-gıda-avokado |
| w3-gıda-muz |
| w3-gıda-tereyağı |
| w3-gıda-yabanmersini |
| w3-gıda-kiraz |
| w3-gıda-çikolata |
| w3-gıda-kızılcık |
| w3-yemek-kahve |
| w3-gıda-yumurta |
| w3-gıda-üzüm |
| w3-gıda-kivi |
| w3-yemek-limon |
| w3-gıda-kireç |
| w3-gıda-mango |
| w3-yemek-mantar |
| w3-gıda-hardal |
| w3-gıda-nane |
| w3-gıda-zeytin |
| w3-gıda-portakal |
| w3-gıda-bezelye |
| w3-gıda-şeftali |
| w3-gıda-armut |
| w3-gıda-fıstık |
| w3-gıda-erik |
| w3-gıda-ahududu |
| w3-gıda-safran |
| w3-yemek-somon |
| w3-gıda-nane |
| w3-yemek-kabak |
| w3-gıda-çilek |
| w3-gıda-domates |
| w3-gıda-buğday |
| w3-yemek-şarap |
Örnek
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
CSS'yi indirin »
Kamuflaj Renkleri
| w3-kamo-kahverengi |
| w3-kamo-kırmızı |
| w3-kamo-zeytin |
| w3-kamo-alanı |
| w3-kamo-toprak |
| w3-kamo-kum |
| w3-kamo-tan |
| w3-kamo-kumtaşı |
| w3-kamo-koyu-yeşil |
| w3-kamo-orman |
| w3-kamo-açık yeşil |
| w3-kamo-yeşil |
| w3-kamo-koyu-gri |
| w3-kamo-gri |
| w3-kamo-siyah |
Örnek
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
CSS'yi indirin »
Kamuflaj renkleri Federal Standart 595'te tanımlanmıştır .