tutorial pengembangan web terbaru
 

W3.CSS Perpustakaan warna


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 .

Contoh

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

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