Meskipun teknik pewarnaan kompleks pada web kita nanti akan menggunakan css namun pada penempatan basicnya kita bisa langsung menempatkannya di HTML.Teknik pewarnaan biasanya digunakan agar Web kita terlihat lebih menarik namun demikian selain kita mengetahui kode warna penerapan juga perlu diperhatikan agar pengunjung web tidak merasa risih pada warna warna yang kita terapkan,konsep ini biasanya ini biasanya bisa didapatkan secara otodidak dengan cara melihat kebanyakan Web yang populer atau banyak dikunjungi.
Mengenal nilai warna
Warna yang ditetapkan menggunakan notasi heksadesimal yakni kombinasi nilai warna merah, hijau, dan biru (RGB). Nilai terendah terendah adalah 0 (hex #00). Nilai tertinggi adalah 255 (hex #FF). didalam Tabel dibawah ini merupakan beberapa penjelasan warna pada HTML.
Color
|
Color HEX
|
Color RGB
|
#000000
|
rgb(0,0,0)
|
|
#FF0000
|
rgb(255,0,0)
|
|
#00FF00
|
rgb(0,255,0)
|
|
#0000FF
|
rgb(0,0,255)
|
|
#FFFF00
|
rgb(255,255,0)
|
|
#00FFFF
|
rgb(0,255,255)
|
|
#FF00FF
|
rgb(255,0,255)
|
|
#C0C0C0
|
rgb(192,192,192)
|
|
#FFFFFF
|
rgb(255,255,255)
|
Color
|
Color HEX
|
Color Name
|
#F0F8FF
|
AliceBlue
|
|
#FAEBD7
|
AntiqueWhite
|
|
#7FFFD4
|
Aquamarine
|
|
#000000
|
Black
|
|
#0000FF
|
Blue
|
|
#8A2BE2
|
BlueViolet
|
|
#A52A2A
|
Brown
|
Warna Web amanBeberapa tahun yang lalu, ketika kebanyakan komputer didukung hanya 256 warna yang berbeda, daftar 216 warna Web aman disarankan sebagai standar Web. Alasan untuk ini adalah bahwa sistem operasi Microsoft dan Mac digunakan 40 sistem tetap " reserved " yang berbeda warna (tentang 20 masing-masing). Untuk melihat 216 warna Cross Platform kunjungi halaman web ini: http://profdevtrain.austincc.edu/html/216.html
16 juta warna yang berbeda
Kombinasi dari merah, hijau dan biru nilai dari 0 hingga 255 memberikan total lebih dari 16 juta warna yang berbeda untuk bermain dengan (256 x 256 x 256). Monitor paling modern mampu menampilkan setidaknya 16,384 warna yang berbeda. Untuk membantu Anda dalam menggunakan skema warna dapat mengunjungi link berikut http://wellstyled.com/tools/colorscheme2/index-en.html. Situs ini memungkinkan Sobat untuk melakukan pengujian skema warna yang berbeda dan menjalankannya dihalaman web namun jika Sobat memiliki Aplikasi editor Web yang menggunakan Live View seperti Dreamweaver itu juga sangat membantu jika hanya untuk menguji warna saja dan sepengalaman penulis terkadang pengujian di dalam live View editor selain warna tersebut terkadang pengujiannya akan sedikit berbeda ,jadi lebih disarankan untuk menggunakan text editor saja , terlebih bagi pemula yang masih dalam tahap pembelajaran.
Nah selanjutnya bagaimana penerapannya pada Halaman HTML ?
Sobat bisa mencobanya menggunakan HTML standar dan penerapan beberapa atribut seperti berikut berikut
Sobat bisa mencobanya menggunakan HTML standar dan penerapan beberapa atribut seperti berikut berikut
[code hl="1, 4, 7"]
<!DOCTYPE html>
<html>
<head>
<title>Contoh penggunaan atribut warna</title>
</head>
<body>
<table bgcolor=#FF66FF>
<tr>
<th>Nama</th>
<th>Usia</th>
<th>Alamat</th>
</tr>
<tr>
<td>Jhon</td>
<td>24</td>
<td>Jl. Raya Revolusi</td>
</tr>
<tr>
<td>Adi</td>
<td>24</td>
<td>Jl Raya Mandiraja</td>
</tr>
</table>
</body>
</html>
[/code]
Maka jika kita menjalankannya di Browser akan tampil seperti berikut
Nah mudah Kan ?
Sekian dulu penenalan warna HTML , semoga bisa membantu .
Tidak ada komentar:
Posting Komentar