Perpustakaan warna
perpustakaan warna adalah file CSS kecil yang berisi nilai-nilai warna yang umum digunakan seperti standar keselamatan, warna raya, warna fashion, warna kamuflase tentara, dan banyak lagi.
raya Kuning
perpustakaan warna sangat mudah digunakan. Hanya menambahkan link library ke halaman web Anda:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
Dan nama kelas untuk elemen HTML Anda ingin warna:
<div class="w3-highway-yellow">Highway Yellow
Cobalah sendiri " US Highway Warna
| Nama |
|---|
| w3-raya-coklat |
| w3-raya-red |
| w3-raya-oranye |
| w3-raya-schoolbus |
| w3-raya-kuning |
| w3-raya-hijau |
| w3-raya-biru |
Contoh
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Coba It Yourself » Download CSS» Anda dapat membaca lebih lanjut tentang warna raya di federal Standar 595 .
Warna Keamanan AS
| Nama |
|---|
| w3-keamanan-red |
| w3-keselamatan-oranye |
| w3-keselamatan-kuning |
| w3-keselamatan-hijau |
| w3-keselamatan-biru |
| w3-keselamatan-ungu |
Anda dapat membaca lebih lanjut tentang warna keselamatan di federal Standar 595 .
Warna kamuflase
| Nama |
|---|
| w3-camo-coklat |
| w3-camo-red |
| w3-camo-zaitun |
| w3-camo-bidang |
| w3-camo-bumi |
| w3-camo-pasir |
| w3-camo-tan |
| w3-camo-batu pasir |
| w3-camo gelap-hijau |
| w3-camo-hutan |
| w3-camo-lampu-hijau |
| w3-camo-green |
| w3-camo gelap abu-abu |
| w3-camo-abu |
| w3-camo-hitam |
Anda dapat membaca lebih lanjut tentang warna kamuflase di federal Standar 595 .
Contoh
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
Coba It Yourself » Download CSS» Warna Vivid
| Nama warna |
|---|
| w3-hidup-merah muda |
| w3-hidup-red |
| w3-hidup-oranye |
| w3-hidup-kuning |
| w3-hidup-hijau |
| w3-hidup-biru |
| w3-hidup-violet |
| w3-hidup-ungu |
| w3-hidup-hitam |
| w3-hidup-putih |
| w3-hidup-kekuningan-merah muda |
| w3-hidup-oranye kemerahan |
| w3-hidup-oranye-kuning |
| w3-hidup-kuning kehijauan |
| w3-hidup-kuning-hijau |
| w3-hidup-hijau kekuningan |
| w3-hidup-hijau kebiruan |
| w3-hidup kehijauan-biru |
| w3-hidup-keunguan-biru |
| w3-hidup-kemerahan-ungu |
| WW3-hidup-keunguan-merah |
Anda dapat membaca lebih lanjut tentang warna yang hidup di ISCC-NBS .
Contoh
<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>
Coba It Yourself » Download CSS» Warna Signal Eropa
| warna Nameeee |
|---|
| w3-sinyal-kuning |
| w3-sinyal-oranye |
| w3-sinyal-red |
| w3-sinyal-violet |
| w3-sinyal-biru |
| w3-sinyal hijau |
| w3-sinyal-abu |
| w3-sinyal-coklat |
| w3-sinyal-putih |
| w3-sinyal-hitam |
Anda dapat membaca lebih lanjut tentang warna sinyal Eropa di RAL Color Standard .
Contoh
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Coba It Yourself » Download CSS» Warna makanan
| Nama |
|---|
| w3-makanan-apple |
| w3-makanan-aspargus |
| w3-makanan-aprikot |
| w3-makanan-terong |
| w3-makanan-alpukat |
| w3-makanan-pisang |
| w3-makanan-mentega |
| w3-makanan-blueberry |
| w3-makanan-cherry |
| w3-makanan-coklat |
| w3-makanan-cranberry |
| w3-makanan-kopi |
| w3-makanan-telur |
| w3-makanan-anggur |
| w3-makanan-kiwi |
| w3-makanan-lemon |
| w3-makanan-lime |
| w3-makanan-mangga |
| w3-makanan-jamur |
| w3-makanan-mustard |
| w3-makanan-mint |
| w3-makanan-zaitun |
| w3-makanan-oranye |
| w3-makanan-pea |
| w3-makanan-peach |
| w3-makanan-pear |
| w3-makanan-pistachio |
| w3-makanan-plum |
| w3-makanan-raspberry |
| w3-makanan-saffron |
| w3-makanan-salmon |
| w3-makanan-spearmint |
| w3-makanan-labu |
| w3-makanan-strawberry |
| w3-makanan-tomat |
| w3-makanan-gandum |
| w3-makanan-anggur |