Perpustakaan Warna W3.CSS
Perpustakaan Warna
Pustaka warna adalah file CSS kecil yang berisi nilai warna yang umum digunakan seperti standar keamanan, warna jalan raya, warna mode, warna kamuflase, dan banyak lagi.
Bus sekolah
Falcon Ridge Parkway
BERHENTI
Cara Menggunakan Pustaka Warna
Pustaka warna mudah digunakan. Cukup tambahkan tautan ke perpustakaan warna di halaman web Anda:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Kemudian, tambahkan nama kelas ke elemen HTML yang ingin Anda warnai:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Warna Jalan Raya AS
w3-jalan raya-coklat |
w3-jalan raya-merah |
w3-jalan raya-oranye |
w3-jalan raya-bus sekolah |
w3-jalan raya-kuning |
w3-jalan raya-hijau |
w3-jalan raya-biru |
Warna jalan raya didefinisikan dalam Standar Federal 595 .
Warna Keamanan AS
w3-keselamatan-merah |
w3-keselamatan-oranye |
w3-keamanan-kuning |
w3-keamanan-hijau |
w3-keamanan-biru |
w3-keamanan-ungu |
Warna keselamatan AS ditentukan dalam Federal Standard 595 .
Warna Sinyal Eropa
w3-sinyal-kuning |
w3-sinyal-oranye |
w3-sinyal-merah |
w3-sinyal-ungu |
w3-sinyal-biru |
w3-sinyal-hijau |
w3-sinyal-abu-abu |
w3-sinyal-coklat |
w3-sinyal-putih |
w3-sinyal-hitam |
Contoh
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Unduh CSSnya »
Warna sinyal Eropa ditentukan dalam Standar Warna RAL .
Warna-warna cerah
w3-vivid-pink |
w3-hidup-merah |
w3-hidup-oranye |
w3-hidup-kuning |
w3-hidup-hijau |
w3-hidup-biru |
w3-vivid-violet |
w3-hidup-ungu |
w3-hidup-hitam |
w3-hidup-putih |
w3-hidup-kuning-merah muda |
w3-nyata-kemerahan-oranye |
w3-hidup-oranye-kuning |
w3-hidup-kuning kehijauan |
w3-hidup-kuning-hijau |
w3-hidup-hijau-kekuningan |
w3-hidup-hijau-kebiruan |
w3-hidup-biru-kehijauan |
w3-hidup-biru-keunguan |
w3-nyata-kemerahan-ungu |
w3-hidup-keunguan-merah |
Contoh
<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>
Unduh CSSnya »
Warna-warna cerah didefinisikan dalam ISCC-NBS .
Warna Makanan
w3-makanan-apel |
w3-makanan-aspargus |
w3-makanan-aprikot |
w3-makanan-terong |
w3-makanan-alpukat |
w3-makanan-pisang |
w3-makanan-mentega |
w3-makanan-blueberry |
w3-makanan-ceri |
w3-makanan-cokelat |
w3-makanan-cranberry |
w3-makanan-kopi |
w3-makanan-telur |
w3-makanan-anggur |
w3-makanan-kiwi |
w3-makanan-lemon |
w3-makanan-jeruk nipis |
w3-makanan-mangga |
w3-makanan-jamur |
w3-makanan-mustard |
w3-makanan-mint |
w3-makanan-zaitun |
w3-makanan-oranye |
w3-makanan-kacang |
w3-makanan-persik |
w3-makanan-pir |
w3-makanan-pistachio |
w3-makanan-plum |
w3-makanan-raspberry |
w3-makanan-safron |
w3-makanan-salmon |
w3-makanan-spearmint |
w3-makanan-squash |
w3-makanan-stroberi |
w3-makanan-tomat |
w3-makanan-gandum |
w3-makanan-anggur |
Contoh
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Unduh CSSnya »
Warna Kamuflase
w3-camo-coklat |
w3-camo-merah |
w3-camo-zaitun |
w3-camo-bidang |
w3-camo-bumi |
w3-camo-pasir |
w3-camo-tan |
w3-camo-batu pasir |
w3-camo-hijau tua |
w3-camo-hutan |
w3-camo-hijau muda |
w3-camo-hijau |
w3-camo-abu-abu tua |
w3-camo-abu-abu |
w3-camo-hitam |
Contoh
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Unduh CSSnya »
Warna kamuflase didefinisikan dalam Federal Standard 595 .