Mengenal 16 Properti Warna Standar
Halo semua, kali ini saya akan memberikan ulasan singkat definisi properti warna beserta nilainya, penggunaan warna pada dokumen HTML,menjadikan halaman websites lebih indah dan heterogen.
Warna-warni yang bercampur menjadikan halaman web tidak terlihat membosankan.
Oke, kalau gitu langsung saja kita komposisi warna dan nilainya.
Properti Background Warna
Properti warna merupakan atribut dari BODY, atribut ini digunakan untuk mengubah wajah Web, warna biasanya didefiniskan dengan bilangan hexadesimal.
Bilangan tersebut terdiri 6 digit, 2 digit pertama mewakili untuk warna merah, 2 digit kedua untuk mewakili warna hijau, dan 2 digit ketiga atau yang terakhir mewakili warna biru.
Bilangan hexa yang digunakan mempunyai range atau jangkuan dari 000000 hingga FFFFFF diawali dengan tanda '#' atau tanda pagar.
Properti Background warna mendefiniskan warna dari sebuah atribut HTML.
Untuk membuat warna background dari sbuah halaman web, properti warna ini biasanya diletakan pada area BODY HtML.
Berikut contoh penggunaaanya :
Body {background-color:#000000;}
Hal-hal yang harus diketahui untuk penggunaan properti warna ini antara lain:
1. Nama warna biasanya menggunakan bahasa inggris, seperti, Black, Red, Blue dan masih banyak lagi
2. Nilai RGB dari Red, Blue, Green Seperti (255,255,255)
3. Nilai Hex ini lebih memudahkan kita dalam mengingat
Berikut tabel berisi 16 warna standar
Warna
|
Nilai
|
Black (Hitam)
|
#000000
|
Maroon
|
#800000
|
Green (Hijau)
|
#008000
|
Olive (Hijau Kekuningan)
|
#808000
|
Navy (Biru Gelap)
|
#000080
|
Purple (Ungu)
|
#800080
|
Teal (Biru Kehijauan)
|
#008080
|
Gray (Abu – abu)
|
#808080
|
Silver (Perak)
|
#C0C0C0
|
Red (Merah)
|
#FF0000
|
Lime (Hijau Terang)
|
#00FF00
|
Yellow (Kuning)
|
#FFF000
|
Blue (Biru)
|
#0000FF
|
Fuchisa (Merah Keunguan)
|
#FF00FF
|
Aqua (Biru Air)
|
#00FFFF
|
White (Putih)
|
#FFFFFF
|
Tabel di atas berisi 16 properti warna standar atau yang pada umumnya digunakan,
warna-warna ini bisa juga anda temukan pada penggunaan Aplikasi Desain photoshop atau corel draw.
Bagaimana lebih terang kan?hehehe.
Ternyata warna-warna ini mempunyai nilai dalam bentuk hexadesimal juga jadi memudahkan kita untuk mengingatnya.
warna-warna ini bisa juga anda temukan pada penggunaan Aplikasi Desain photoshop atau corel draw.
Bagaimana lebih terang kan?hehehe.
Ternyata warna-warna ini mempunyai nilai dalam bentuk hexadesimal juga jadi memudahkan kita untuk mengingatnya.
Demikian saja ulasan singkat ini saya sampaikan, atas perhatiannya terucap salam terima kasih.
